public class MySweetProgram{
  public static void main (String[] args) {
    
    /*icu
    * 
    * initialization
    * comparison
    * update
    *
    */

    int   i = 0;
    while( i < 11 )
    {
      System.out.println("iteration" + i);
      i++;
    }
  }
}

npm install --save-dev jest

//create file sum.js
function sum(a, b) {
  return a + b;
}
module.exports = sum;

//create sum.test.js
const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

//in the package.json
{
  "scripts": {
    "test": "jest"
  }
}

npm test

PASS  ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)


//numbers
test('two plus two', () => {
  const value = 2 + 2;
  expect(value).toBeGreaterThan(3);
  expect(value).toBeGreaterThanOrEqual(3.5);
  expect(value).toBeLessThan(5);
  expect(value).toBeLessThanOrEqual(4.5);

  // toBe and toEqual are equivalent for numbers
  expect(value).toBe(4);
  expect(value).toEqual(4);
});

//string
test('there is no I in team', () => {
  expect('team').not.toMatch(/I/);
});

test('but there is a "stop" in Christoph', () => {
  expect('Christoph').toMatch(/stop/);
});

//array
const shoppingList = [
  'diapers',
  'kleenex',
  'trash bags',
  'paper towels',
  'milk',
];

test('the shopping list has milk on it', () => {
  expect(shoppingList).toContain('milk');
  expect(new Set(shoppingList)).toContain('milk');
});

//exceptions
function compileAndroidCode() {
  throw new Error('you are using the wrong JDK!');
}

test('compiling android goes as expected', () => {
  expect(() => compileAndroidCode()).toThrow();
  expect(() => compileAndroidCode()).toThrow(Error);

  // You can also use a string that must be contained in the error message or a regexp
  expect(() => compileAndroidCode()).toThrow('you are using the wrong JDK');
  expect(() => compileAndroidCode()).toThrow(/JDK/);

  // Or you can match an exact error message using a regexp like below
  expect(() => compileAndroidCode()).toThrow(/^you are using the wrong JDK$/); // Test fails
  expect(() => compileAndroidCode()).toThrow(/^you are using the wrong JDK!$/); // Test pass
});

// Literal values (type1)
const booleanLiteral = true;
const numberLiteral = 1;
const stringLiteral = 'true';

// Literal structures (type2)
const arrayLiteral = [];
const objectLiteral = {};

// Prototypes (type3)
const booleanPrototype = new Bool(true);
const numberPrototype = new Number(1);
const stringPrototype = new String('true');
const arrayPrototype = new Array();
const objectPrototype = new Object(); // or `new function () {}

 <div class="grid grid-cols-auto gap-1">
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 1</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 2</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 3</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 4</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 5</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 6</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 7</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 8</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 9</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 10</div>
 </div>

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

<div class="grid grid-cols-3 gap-1">
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 1</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 2</div>
    <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 3</div>
</div>

--all times - all museums

select 
	
	--distinct tablewithcounts.project_name
	tablewithcounts.freq_val, count(tablewithcounts.id)
	

--tablewithcounts.id, tablewithcounts.project_name, tablewithcounts.metric_name, tablewithcounts."time", tablewithcounts."Day", tablewithcounts."Hour", tablewithcounts.value, tablewithcounts.freq_val, tablewithcounts.display_value --, geometry_id

from
(
SELECT
	id, project_name, metric_name, "time", value, display_value, geometry_id,
	round(cast(value as numeric), 1) as freq_val,
	extract(hour from "time") as "Hour",
	to_char("time", 'Day') as "Day"
	FROM public.metrics_app_timeandgeometric_historic
	--where project_name in ('Lasswade')
	where 
	(
	project_name = 'Roman_Baths'
	--or project_name = 'Mauricewood_School'
	--or project_name = 'Eaglesham_Primaryschool'
	or
	project_name in (
			'Roman_Baths'
			)
	)
	and metric_name = 'temp'
	and (value >= 0 and value < 50)
	and display_value is NULL
) as tablewithcounts	


-- where 
-- --tablewithcounts."Day" not in ('Saturday ', 'Sunday   ')
-- tablewithcounts."Day" not like '%Saturday%'
-- and tablewithcounts."Day" not like '%Sunday%'
-- and tablewithcounts."Hour" >= 8 and tablewithcounts."Hour" < 16

-- and tablewithcounts.time not between '2021-08-01' and '2021-08-17'
-- and tablewithcounts.time not between '2021-09-20' and '2021-09-20'
-- and tablewithcounts.time not between '2021-10-18' and '2021-10-25'
-- and tablewithcounts.time not between '2021-12-23' and '2022-01-10'
-- and tablewithcounts.time not between '2022-02-14' and '2022-02-18'
-- and tablewithcounts.time not between '2022-04-11' and '2022-04-22'
-- and tablewithcounts.time not between '2022-05-02' and '2022-05-02'
-- and tablewithcounts.time not between '2022-05-23' and '2022-05-23'
-- and tablewithcounts.time not between '2022-07-01' and '2022-07-31'
-- and tablewithcounts.time not between '2022-08-01' and '2022-08-16'
-- and tablewithcounts.time not between '2022-09-16' and '2022-09-19'
-- and tablewithcounts.time not between '2022-10-17' and '2022-10-24'
-- and tablewithcounts.time not between '2022-12-21' and '2023-01-04'
-- and tablewithcounts.time not between '2023-02-13' and '2023-02-17'
-- and tablewithcounts.time not between '2023-04-03' and '2023-04-14'
-- and tablewithcounts.time not between '2023-05-01' and '2023-05-01'
-- and tablewithcounts.time not between '2023-05-22' and '2023-05-22'
-- and tablewithcounts.time not between '2023-06-29' and '2023-07-31'


group by tablewithcounts.freq_val
order by tablewithcounts.freq_val

--limit 1000

<div class="grid grid-cols-2 gap-1">
          <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 1</div>
          <div class="bg-green-7 text-color-grey-0  pd-y-8 text-center ">Grid 2</div>
</div>

alter table ams_eq_inc_fund_stats enable row movement;
flashback table ams_eq_inc_fund_stats to timestamp to_timestamp('2023-01-31 07:30:00', 'YYYY-MM-DD HH:MI:SS');

const apps = [
  {id:1, name:'Jon'}, 
  {id:2, name:'Dave'},
  {id:3, name:'Joe'}
]

//remove item with id=2
const itemToBeRemoved = {id:2, name:'Dave'}

apps.splice(apps.findIndex(a => a.id === itemToBeRemoved.id) , 1)

//print result
console.log(apps)
 Run code snippet

fun main() {
    meldtekst(" Hallo allemaal wat fijn dat je er bent" )
}


fun meldtekst( tekst: String) {
    
    var lengte = tekst.length
    
    doeSterretjes(lengte)
    
    println( tekst )
    
    doeSterretjes(lengte)
    
}
    fun doeSterretjes(aantal:Int) {
        for (i in 1..aantal) {
            print("*")
        }
        print("\n")
    }


    

$date = Get-Date -Format "MM-dd-yyyy"
$deploymentName = "AzInsiderDeployment"+"$date"
New-AzDeployment -Name $deploymentName -TemplateFile .\main.bicep -Location eastus

az group create --name exampleRG --location eastus

az deployment group create --resource-group exampleRG --template-file main.bicep --parameters storageName=uniquename

class RandomizedCollection {
        //we will be using hashset instead of arraylist as there are duplicates,so order
        //will get jumbled when we remove and swap elements and we wont have last index
        //in the end of the arraylist
        
        HashMap<Integer,HashSet<Integer>> map ;
        List<Integer> arr;
        Random r;

    public RandomizedCollection() {
        map = new HashMap<>();
        arr = new ArrayList<>();
        r = new Random();           //to generate random index
    }
    
    public boolean insert(int val) {
        
        //if value exists update its hashset and also AL
        if(map.containsKey(val)){
            arr.add(val);
            map.get(val).add(arr.size()-1);
            return false;
        } 

        //else make new hashset and add index and add in AL 
        map.put(val , new HashSet<>());
        arr.add(val);
        map.get(val).add(arr.size()-1);
        return true;
    }
    
    public boolean remove(int val) {
        if(map.containsKey(val)==false) return false;

        //get any index of value from the hashset and remove it
        int index = 0;
        for(int idx : map.get(val)){
            index = idx;
            map.get(val).remove(idx);
            break;
        }
        //if hashset becomes empty remove from map
        if(map.get(val).size()==0)
        map.remove(val);

        if(index == arr.size()-1)   //if its on last index already we can remove in O(1)
        arr.remove(index);

        else{
            int swapped = arr.get(arr.size()-1);    //store swapped value

            //swapping and removing in O(1)
            arr.set(index,arr.get(arr.size()-1));
            arr.remove(arr.size()-1);

            //updating swapped values hashset
            map.get(swapped).remove(arr.size());    //removing previous index
            map.get(swapped).add(index);
        }

        return true;
    }
    
    public int getRandom() {
        int ri = r.nextInt(arr.size());  //random index

        return arr.get(ri);
    }
}

/**
 * Your RandomizedCollection object will be instantiated and called as such:
 * RandomizedCollection obj = new RandomizedCollection();
 * boolean param_1 = obj.insert(val);
 * boolean param_2 = obj.remove(val);
 * int param_3 = obj.getRandom();
 */

<a href="https://addwish.com/email/redirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=1&amp;aw:userEmail={member.email}" class="helloretail-product-tile"><img src="https://addwish.com/email/imageRedirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=1&amp;aw:userEmail={member.email}" width="300" height="300"></a>
<a href="https://addwish.com/email/redirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=2&amp;aw:userEmail={member.email}" class="helloretail-product-tile"><img src="https://addwish.com/email/imageRedirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=2&amp;aw:userEmail={member.email}" width="300" height="300"></a>
<a href="https://addwish.com/email/redirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=3&amp;aw:userEmail={member.email}" class="helloretail-product-tile"><img src="https://addwish.com/email/imageRedirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=3&amp;aw:userEmail={member.email}" width="300" height="300"></a>
<a href="https://addwish.com/email/redirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=4&amp;aw:userEmail={member.email}" class="helloretail-product-tile"><img src="https://addwish.com/email/imageRedirect?template=625047245a6a910299d1e5a6&amp;campaign={campaign.id}&amp;productNumber=4&amp;aw:userEmail={member.email}" width="300" height="300"></a>

class RandomizedCollection {
        //we will be using hashset instead of arraylist as there are duplicates,so order
        //will get jumbled when we remove and swap elements and we wont have last index
        //in the end of the arraylist
        
        HashMap<Integer,HashSet<Integer>> map ;
        List<Integer> arr;
        Random r;

    public RandomizedCollection() {
        map = new HashMap<>();
        arr = new ArrayList<>();
        r = new Random();
    }
    
    public boolean insert(int val) {
        if(map.containsKey(val)){
            arr.add(val);
            map.get(val).add(arr.size()-1);
            return false;
        } 

        map.put(val , new HashSet<>());
        arr.add(val);
        map.get(val).add(arr.size()-1);
        return true;
    }
    
    public boolean remove(int val) {
        if(map.containsKey(val)==false) return false;

        //get any index of value from the hashset and remove it
        int index = 0;
        for(int idx : map.get(val)){
            index = idx;
            map.get(val).remove(idx);
            break;
        }
        //if hashset becomes empty remove from map
        if(map.get(val).size()==0)
        map.remove(val);

        if(index == arr.size()-1)
        arr.remove(index);

        else{
            int swapped = arr.get(arr.size()-1);

            //swapping and removing in O(1)
            arr.set(index,arr.get(arr.size()-1));
            arr.remove(arr.size()-1);

            //updating swapped values hashset
            map.get(swapped).remove(arr.size());    //removing previous index
            map.get(swapped).add(index);
        }

        return true;
    }
    
    public int getRandom() {
        int ri = r.nextInt(arr.size());  //random index

        return arr.get(ri);
    }
}

/**
 * Your RandomizedCollection object will be instantiated and called as such:
 * RandomizedCollection obj = new RandomizedCollection();
 * boolean param_1 = obj.insert(val);
 * boolean param_2 = obj.remove(val);
 * int param_3 = obj.getRandom();
 */

Get-AzResource | ForEach { Remove-AzResource -ResourceId $_.ResourceId -Force -Confirm:$False }

def addNums(a,b):
    summa = a + b
    return summa

<div class=" position-rel width-scaled-8  m-auto box-shadow-1 ">
     <figure>
       <img src="/utilities-css/image/luis-quintero-3qqiMT2LdR8-unsplash.jpg" alt="" srcset="" class="wt-100 height-auto rounded-top-2 rounded-top-2">
     </figure>
     <div class="position-ab flex justify-center items-center top-0 ht-100 bg-overlay z-index-2 wt-100 text-color-grey-0 text-bold text-m">
          <p>Out of Stock</p>
     </div>
   <div class="pd-x-4">
       <div class="flex flex-column m-y-4">
          <h3> Levis black</h3>
          <small class="text-color-grey-2">T-Shirt</small>
       </div>
       <div class="m-y-4">
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est saepe accusamus, autem vitae expedita sunt ab excepturi sint, laudantium culpa quas omnis perspiciatis corrupti eligendi qui placeat. Cupiditate, libero fugiat?</p>
       </div>
       <div class="m-y-4">
           <span class="text-bold">₹399.00</span>
       </div>
       <div class="flex flex-column gap-1 m-y-4">
           <button class="bg-black-6 text-color-grey-0 cursor pd-y-4"> Add To Cart</button>
           <button class=" bg-green-8 text-color-grey-0 cursor pd-y-4">Buy Now</button>
       </div>
  </div>
  <div class="position-ab top-0 right-0 text-color-grey-4">
     <i class="fa-solid fa-square-xmark fa-2x"></i>
  </div>

<div class=" position-rel flex items-center justify-btw width-scaled4-8 box-shadow-1 ">
           <figure class="flex-1">
                   <img src="/utilities-css/image/Levis-s.png" alt="Vertical-card" srcset="" class=" object-content-center">
           </figure>
     <div class="pd-x-4 flex-1">
          <div class="flex flex-column m-y-4">
               <h3> Levis black</h3>
               <small class="text-color-grey-2">T-Shirt</small>
          </div>
          <div class="m-y-4">
               <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est saepe accusamus, autem vitae expedita sunt ab excepturi sint, laudantium culpa quas omnis perspiciatis corrupti eligendi qui placeat. Cupiditate, libero fugiat?</p>
          </div>
          <div class="m-y-4">
               <span class="text-bold">₹399.00</span>
          </div>
          <div class="flex flex-column gap-1 m-y-4">
               <button class=" bg-green-8 text-color-grey-0 cursor pd-y-4">Buy Now</button>
          </div>
     </div>
     <div class="position-ab top-0 right-0 ">
          <button>
                <i class="fa-solid fa-square-xmark fa-2x text-color-grey-3"></i>
          </button> 
     </div>
</div>

<div class=" position-rel flex items-center width-scaled4-8 box-shadow-1 ">
  <figure class="flex-1">
     <img src="/utilities-css/image/Levis-s.png" alt="Vertical-card" srcset="" class=" object-content-center">
  </figure>
  <div class="pd-x-4 flex-1  wt-60 justify-even  ">
      <div class="flex flex-column m-y-4">
           <h3> Levis black</h3>
           <small class="text-color-grey-4">T-Shirt</small>
      </div>
      <div class="m-y-4">
           <span class="text-bold text-m">₹399.00</span>
      </div>
      <div class="flex flex-column gap-1 m-y-4">
           <button class=" bg-green-8 text-color-grey-0 cursor pd-y-4">Buy Now</button>
      </div>
   </div>
  <div class="position-ab top-0 right-0 ">
       <button>
            <i class="fa-solid fa-square-xmark fa-2x text-color-grey-3"></i>
       </button> 
  </div>
</div>

<div class=" position-rel width-scaled-8  m-auto box-shadow-1 ">
     <figure>
       <img src="/utilities-css/image/luis-quintero-3qqiMT2LdR8-unsplash.jpg" alt="" srcset="" class="wt-100 height-auto rounded-top-2 rounded-top-2">
     </figure>
   <div class="pd-x-4">
       <div class="flex flex-column m-y-4">
          <h3> Levis black</h3>
          <small class="text-color-grey-2">T-Shirt</small>
       </div>
       <div class="m-y-4">
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est saepe accusamus, autem vitae expedita sunt ab excepturi sint, laudantium culpa quas omnis perspiciatis corrupti eligendi qui placeat. Cupiditate, libero fugiat?</p>
       </div>
       <div class="m-y-4">
           <span class="text-bold">₹399.00</span>
       </div>
       <div class="flex flex-column gap-1 m-y-4">
           <button class="bg-black-6 text-color-grey-0 cursor pd-y-4"> Add To Cart</button>
           <button class=" bg-green-8 text-color-grey-0 cursor pd-y-4">Buy Now</button>
       </div>
  </div>
  <div class="position-ab top-0 right-0 text-color-grey-4">
     <i class="fa-solid fa-square-xmark fa-2x"></i>
  </div>
</div>

select count(*)
  from ajrxnl_point
 where po_rel_table = '@passive'
   and instr(po_content, '포인트전환')
   and instr(po_content, '기프티콘 ') = 0
   and instr(po_content, '쿠폰 전환')
   
   
update ajrxnl_point
   set po_rel_table = '@point_cv',
       po_rel_action = '포인트 전환'
 where po_rel_table = '@passive'
   and instr(po_content, '전환')
   and instr(po_content, '기프티콘') = 0;
   
update ajrxnl_point
   set po_rel_table = '@point_cv',
       po_rel_action = '포인트 전환'
 where po_rel_table = '@passive'
   and instr(po_content, '쿠폰 전환');
   
select *
  from ajrxnl   
 where po_rel_table = '@passive'
   and instr(po_content, '쿠폰 전환');   

function shareActive() {
  var ss = SpreadsheetApp.getActive();
  var sheet = ss.getActiveSheet();

  var newSheet = SpreadsheetApp.create("New Sheet");
  var id = newSheet.getId();
  var open = SpreadsheetApp.openById(id);
  
  var copy = sheet.copyTo(open);

  var ui = SpreadsheetApp.getUi();
  var user = ui.prompt('Enter user email address', ui.ButtonSet.OK_CANCEL);

  if (
    user.getSelectedButton() == ui.Button.OK
  ) {
  var email = user.getResponseText()
  }

  DriveApp.getFileById(id).addEditor(email);
}

function onOpen(e) {
  SpreadsheetApp.getUi()
      .createMenu("Share Sheet")
      .addItem('Active Sheet', 'shareActive')
      .addToUi();
}

const newArray = array.map(({dropAttr1, dropAttr2, ...keepAttrs}) => keepAttrs)

def check_permission(user):
    def decorator(func):
        def wrapper(*args, **kwargs):
            if user["access_level"] == "admin":
                return func(*args, **kwargs)

            raise Exception("No way!!!")

        return wrapper

    return decorator


user = {"username": "jose", "access_level": "admin"}


@check_permission(user)
def get_admin_pass():
    return "1234"


print(get_admin_pass())

class RandomizedSet {
    
    HashMap<Integer,Integer>map;    //to store val , index
    ArrayList<Integer> arr; //to store values and getting random in O(1)
    
    Random r;

    public RandomizedSet() {
     this.map = new HashMap<>();
     this.arr = new ArrayList<>();
     

     this.r = new Random();
        
    }
    
    public boolean insert(int val) {
        
        if(this.map.containsKey(val)) return false;  //if already present
        
        this.map.put(val,arr.size());
        this.arr.add(val);
        

        return true;
    }
    
    public boolean remove(int val) {
        if(this.map.containsKey(val)==false) return false;
        
        //removing from AL in o(1)
        int idx = this.map.get(val);         //get index in O(1)
        this.map.remove(val);

        //if element to be removed is already at arr.size()-1 index
        if(arr.size()-1 == idx)
        arr.remove(arr.size()-1);

        else{
        //swap with arr.size()-1 element as traversing and getting the element will make it O(n)
        int current_value = this.arr.get(arr.size()-1);
        Collections.swap(this.arr, idx, arr.size()-1);
        
        //now remove latest element which is O(1) and also update index of that element
        // in HM
        this.arr.remove(arr.size()-1);
        this.map.put(current_value,idx); //update swapped value index;

        }

        return true;

    }
    
    public int getRandom() {
        //get random index from arraylist
        
        //this will give a random number from 0 to list.size()-1
        int idx = r.nextInt(arr.size());  

        int val = arr.get(idx);

        return val;
    }
}

/**
 * Your RandomizedSet object will be instantiated and called as such:
 * RandomizedSet obj = new RandomizedSet();
 * boolean param_1 = obj.insert(val);
 * boolean param_2 = obj.remove(val);
 * int param_3 = obj.getRandom();
 */

/*
Theme Name: Tayp - Shoppers Theme
Theme URI: http://tayp.ph/
Description: Tayp - Simple shoppers theme x Dessign
Version: 1
Author:  Tayp
Author URI: http://tayp.ph
Tags: 3 column theme, clean, portfolio
*/
/* =WordPress Core
-------------------------------------------------------------- */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    margin-top: 30px !important;
}
#food_modal .single_variation_wrap {
    margin-top: 20px;
}

#food_modal a.button.sameday {
    color: #fff;
    font-size: inherit;
    font-family: inherit;
    padding: 12px 30px;
    border-radius: 0;
    line-height: 1;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.046875em;
    transition: all .2s;
}
.ex-fdlist .exfd-filter .exfd-filter-group .ex-menu-list .ex-menu-item-active {
    background: #cb1d73 !important;
    color: #fff;
    border-color: #cb1d73 !important;
    position: relative;
}
.fdstyle-list-1 .exfd-icon-plus:before {
    background-color: #cb1d73 !important;
}
.fdstyle-list-1 .exfd-icon-plus:after {
    background-color: #cb1d73 !important;
}

.fdstyle-list-1 .fdlist_1_des button {
    border: 2px solid #cb1d73 !important;

}

.ex-fdlist .exfd-shopping-cart {
    background-color: #cb1d73 !important;
}

.exfd-cart-mini .exwf-quantity .exwf-con-quantity > input {
    background-color: #cb1d73 !important;
}
.exfd-cart-mini .exwf-quantity .exwf-con-quantity {
    border: 1px solid #cb1d73 !important;
}
.exfd-cart-content .woocommerce-mini-cart__buttons a {
    padding: 7px 15px;
    background: #cb1d73 !important;
}
a.button.sameday {
    margin-left: 10px;
}
ins.highlight {
    text-decoration: none !important;
}

a.button.product_type_simple {
    display: none !important;
}
a.button.product_type_variable {
	display: none !important;
}
.qr-code-btn {
    color: #cb1d73 !important;
    font-weight: bold;
}
.pum-content.popmake-content {
    padding: 20px !important;
}
div#pum_popup_title_915 {
    text-align: center;
}
.d-block{
	display: block;
}
.header-image{
	position: relative;
}
.header-image img{
    height: calc(100vh - 225px) !important;
    object-fit: cover;
    width: 100%;
}
.header-caption{
    background: #0000006e;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}
.header-caption h1 {
    font-size: 50px;
    font-weight: 400 !important;
}
.header-button {
    outline: none!important;
    margin: 15px auto;
    background: #cb1d73;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    user-select: none;
    border: 1px solid #cb1d73;
    border-radius: 40px;
    color: #ffffff;
    padding: 13px 40px;
    transition: all 0.3s;
    display: block;
    width: fit-content;
}
.header-button:hover, 
.header-button:focus {
	border: 1px solid #cb1d73;
	background: #cb1d73;
	color: #ffffff;
	text-decoration: none;
    padding: 13px 50px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    height: calc(100vh - 355px) !important;
    object-fit: cover;
    width: 100%;
}
@media only screen and (max-width: 767px) {

p#proof_of_payment_field span#proof_of_payment-description {
    font-size: 8px !important;
}
}
div#jg-bar a {
    color: #fff !important;
}
.jg-notification-bar.Off {
    display: none !important;
}

.review-image {
    margin: 10px;
    display: inline-block;
        max-height: 407px;
}
@media only screen and (max-width: 992px) {
.review-image {
        max-height: 296px;
}
}
.woocommerce-page .archive_header_left {
    width: 100% !important;
}
.woocommerce-order section.woocommerce-bacs-bank-details {
    display: none;
}
@media only screen and (max-width: 992px) {
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}
}
.header_menu ul li ul {
    position: absolute;
    top: 37px;
    left: 0;
    display: none;
    z-index: 400;
    background-color: #3fc3b4 !important;
}
li.home_small_box a.button.product_type_variable.add_to_cart_button { display: none; }
a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger {
    background: #cb1d73 !important;
    border: none;
    font-weight: 700;
    text-transform: inherit;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
}
section.up-sells.upsells.products {
    width: 100%;
    display: inline-block;
    text-align: center;
}
h2.woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: normal;
    padding-bottom: 0px;
    text-transform: inherit;
    color: #000;
}
body table.variations .label {
    color: #000 !important;
    font-weight: bold;
    text-transform: UPPERCASE;
    letter-spacing: normal;
    font-size: 14px;
}
.woocommerce-info a {
    color: #fff !important;
}
.blog_box .sb_title {
    text-align: left;
    padding: 10px 0;
    color: #666;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    letter-spacing: normal;
    line-height: normal;
}

.blog_box .read_more {
    background: #cb1d73 !important;
    font-weight: bold;
}
.blog_box .sb_title a {
  color: #000;
}
main#main {
    margin-top: 40px;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: normal;
    text-transform: inherit;
}
body .home_small_box .sb_title {
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: normal;
    padding-bottom: 0px;
    text-transform: inherit;
}
body .jg-page-title {
    background: #cb1d73 !important;
  }
.home_small_box .sb_title a {
 color: #000;
}
a {
    color: #e89d20;
}
@media only screen and (max-width: 992px) {

a.cart-menu span {
               top: 0;
}
}
@media only screen and (max-width: 768px) {

  .righty_item {
      display: inline-block !important;
      float: none !important;
      margin-top: 6px;
  }
  .header-cart {
      padding-top: 10px !important;
  }
  header#header {
      padding-bottom: 14px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {

  .righty_item {
      display: inline-block !important;
      float: none !important;
      margin-top: 6px;
  }
  .header-cart {
      padding-top: 4px !important;
  }
  header#header {
      padding-bottom: 14px;
  }
}
.righty_item{
    display: inline-block !important;
    float: right;
}
#header {
    background-color: #3fc3b4 !important;
}
@media only screen and (min-width: 991px) {
.header_menu {
    padding-top: 25px;
}
.header_search {
  padding-top: 25px;
}
.header_search input[type=image] {
    position: absolute;
    top: 33px !important;
}
}
footer {
    background: #3fc3b4 !important;
}
a.cart-menu span {
    position: absolute;
    background: #fff;
    border-radius: 31px;
    padding: 0px 5px 0px 5px;
    color: #000;
    font-weight: bold;
    margin-left: 2px;
    right: -3px;
    top: 0px;
}
.header-cart {
    float: right;
    position: relative;
}

.slicknav_menu {
    background: #cb1d73 !important;
    padding: 5px;
}
a.slicknav_btn.slicknav_open {
    background: #3fc3b4 !important;
}
a.slicknav_btn {
    background: #3fc3b4 !important;
}
.header_search {
    float: left !important;
    position: relative;
    margin-top: 4px;
}

.logo_cont img {
    max-height: 90px;
}
.single_lefts {
    margin: 0 auto;
    padding-top: 30px;
    width: 980px;
}
.other-item {
  padding: 100px 0;
}
span.show-password-input {
    margin-top: -7px;
}
a.checkout-button.button.alt.wc-forward {
    background: #000 !important;
}
.woocommerce-page a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
}
button.single_add_to_cart_button.button.alt {
    background: #cb1d73 !important;
  }
div#gform_wrapper_1 input {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 12px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: #3fc3b4 !important;
    color: #fff !important;

}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
    background-color: #cb1d73 !important;
    color: #fff !important;
    text-transform: uppercase;
}
input#gform_submit_button_1 {
    background: #cb1d73 !important;
        color: #fff !important;
    padding: 5px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
}
div#wp-content-wrap {
    display: none !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: Initial;
    font-weight: 700 !important;
    letter-spacing: normal;
}

div#gform_wrapper_1 label {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
}

.tayp-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.home_small_box .sb_price, .blog_box .sb_price {
    text-align: center !important;

}
.jg-page-title {
    background: #000;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: normal;
line-height: normal;
font-family: 'Bebas Neue', 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

/* Footer */
.first-footer-left.footer-address {
    width: 251px;
}
.first-footer-left.footer-address {
    text-align: right;
    margin-left: 69px;
}
.first-footer-left.footer-address img {
    width: 251px !important;
}


footer.footer {
    margin-top: 100px;
}
footer {
    padding: 25px 0;
    text-align: center;
}
footer {
    background: #000000;
    color: #fff !important;
}

footer a {
    color: #fff !important;
}

.col-md-6.copyright-agent {
    text-align: right;
    line-height: normal;
}


p.footer-cright {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
        line-height: normal;
}

p.footer-cright a {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
}
.col-md-6.footer-logo img {
    height: 50px;
    display: inline-block;
}

.col-md-6.footer-logo {
    text-align: left;
}

ul.list-inline.social-buttons-foot li {
    font-size: 17px;
}

ul.list-inline.social-buttons-foot {
    display: inline-block;
    margin-left: 15px;
    height: 27px;
}

.col-md-4.footer-inquiries {
    color: #ffffff;
    text-align: left;
}

.col-md-4.footer-inquiries h3 {
    text-transform: inherit;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;

}

.col-md-4.footer-inquiries p {
    text-transform: inherit;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

}

a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger {
    background: #939597;
    border-color: #939597;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: initial;
    color: #f0f6f4;
    margin-top: 20px;
}
a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger:hover {
    background: #666666;
    border-color: #666666;
    transition: 0.3s;

}

.first-footer-left ul {
    list-style-type: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #d8dedc;
    text-align: left;
    text-decoration: none;
        padding-left: 0px !important;
}
.first-footer-left ul li a{
    list-style-type: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff !important;
    text-transform: uppercase;
line-height: 26px;
    letter-spacing: normal;
    text-decoration: none;
        display: inline-block;

}

.col-md-2.first-footer-left {
    margin-top: 25px;
}


.first-footer-left.footer-address {
    text-align: right;
}

.first-footer-left {
    display: inline-block;
    float: left;
    margin-left: 40px;
    height: 115px;
}

.col-md-8.main {
    margin-top: 24px;
}

.first-footer-left.footer-address {
    text-align: right;
    margin-left: 69px;
}
@media only screen and (min-width: 998px) and (max-width: 1200px) {

  .first-footer-left.footer-address {
      text-align: right;
      margin-left: 26px !important;
      margin-top: 4px;
  }
.first-footer-left.footer-address {
    text-align: right;
    margin-left: 26px !important;
    margin-top: 4px;
}
.first-footer-left {
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 115px;
}

}

@media only screen and (min-width: 768px) and (max-width: 998px) {
  .first-footer-left.footer-address {
      text-align: left;
      margin-left: 44px;
  }

}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .first-footer-left.footer-address {
      text-align: left;
      margin-left: 44px;
  }
  .col-md-4.footer-inquiries {
      color: #d8dedc;
      text-align: left;
      text-align: center;
  }
  .first-footer-left {
    display: inline-block;
    float: none !important;
    margin-left: 0px;
    height: 115px;
    width: 100%;
}
.first-footer-left ul {
    list-style-type: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #d8dedc;
    text-align: center;
    text-decoration: none;
    padding-left: 0px !important;
}
.first-footer-left.footer-address {
    text-align: center;
    margin-left: 0px;
}
}
@media (max-width: 992px) {

.col-md-6.footer-logo {
    text-align: center;
}

.col-md-6.copyright-agent {
    text-align: center;
    margin-top: 12px;
}

ul.list-inline.social-buttons-foot {
    display: block;
    margin-left: 15px;
    height: 27px;
}
}
.gmpInfoWindowtitle {
    color: #000 !important;
}
.first-footer-left.footer-address {
    width: 251px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}

/* Global */
html  { margin-top: 0 !important; }
body, div { margin: 0; padding: 0; }
body { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1px; }
input { font-family: 'Roboto Condensed', sans-serif; }
a {color: #333; text-decoration: none; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
a:hover { color: #666; text-decoration: none; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.container.first-container { width: 1180px !important; margin: 0 auto; padding-left: 0px !important; padding-right:0px !important;}
input[type=text] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#infscr-loading { DISPLAY: NONE !important; visibility: hidden !important; } /* hide infinite scroll loading image */
::selection {
	background: #ccc;
	}
::-moz-selection {
	background: #ccc;
}
/* Header */
#header { background-color: #fff; position: fixed; top: 0; left: 0; padding: 14px 0; width: 100%; z-index: 9999; }
.logo_cont { padding: 0px 0; text-align: center; float: left; max-width: 220px; margin-right: 15px; }
.logo_cont img { max-width: 100%; height: 74px; width: auto; }
.header_search_cont { padding: 20px 0; }
.slicknav_menu { display: none; }
.header_menu {
    float: left;
    margin-top: 0px;
}
.header_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.header_menu ul li { float: left; margin-right: 9px; padding-bottom: 8px; position: relative; text-transform: uppercase; }
.header_menu ul li:first-child { margin-left: 0; }
.header_menu ul li a { display: block; padding: 6px 12px; font-size: 14px; color: #fff; text-decoration: none; font-family: 'Inter', sans-serif;font-weight: 700;}
/*.header_menu ul li a:hover,
.header_menu ul li.current-menu-item a,
.header_menu ul li.current_page_item a { color: #fff; background-color: #545453; }*/
.header_menu ul li a:hover, .header_menu ul li a:focus {
	text-decoration: none;
    color: #cb1d73;
    background-color: transparent !important;
}
.header_menu ul li ul { position: absolute; top: 37px; left: 0; display: none; z-index: 400;   }
.header_menu ul li ul li { width: 160px; float: none; margin: 0; padding: 0;   }
.header_menu ul li ul li a { -moz-border-radius: 0px; border-radius: 0px; font-size: 13px; }
.header_search { float: right; position: relative; margin-top: 0; }
.header_search input[type=text] { width: 190px; height: 40px; border: none; background-color: #fff; -moz-border-radius: 4px; border-radius: 4px; padding-left: 10px; padding-right: 10px; border: 1px solid #ccc; }
.header_search input[type=image] { position: absolute; top: 9px; right: 11px; }
/* Content */
#slideshow_cont { margin-bottom: 35px; }
.home_small_box { float: left; width: 360px; margin-right: 50px; margin-bottom: 30px; position: relative; margin-top: 15px; }
.home_small_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box { float: none; width: auto; margin: 0 auto 25px; text-align: left; padding-bottom: 10px;  }
.home_small_box_last { margin-right: 0; }
.home_small_box img { display: block; width: 360px; height: 360px;   transition:all 0.3s ease-in-out}
.home_small_box img:hover {  }
.blog_box img { width: 930px; height: 400px; transition:all 0.3s ease-in-out }
.home_small_box img:hover,
.blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
.blog_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box .read_more { display: inline-block; padding: 7px 30px; background-color: #222222; color: #fff; font-size: 11px;}

.home_small_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; }



.blog_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; line-height: 130%; }
.blog_box .sb_title { text-align: left; padding: 10px 0; color: #666;}
.sb_title a:hover { text-decoration: none;  color: #666;}
.home_small_box .sb_price,
.blog_box .sb_price { padding: 6px 8px;  text-align: right;  font-size: 17px;  font-family: 'Roboto Condensed', sans-serif; font-weight: 300;   color: #333; letter-spacing: 1.5px;  margin-top: 1px;  }
body.home .home_small_box .sb_price { text-align: center; }
body.tax-product_cat h1.page-title { font-size: 20px; }
body.tax-product_cat .home_small_box .sb_price { text-align: center; }
.blog_box .sb_price { text-align: left; font-size: 15px; padding: 6px 0px; line-height: 26px; }
.prod_meta { position: relative; }
.prod_meta_link,
.prod_meta_button { position: absolute; top: 6px; left: 0px; }
.prod_meta_link { right: 0px; left: auto; }
.prod_meta_button .woocommerce a.button,
.prod_meta_link a { background: -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c8bfc6;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    left: auto;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 13px;
    background: none; }
.prod_meta_button p { border: none !important; padding: 0 !important; margin: 0 !important;  }
.prod_meta_button p .amount { display: none; }
.load_more_text { text-align: center; }
.load_more_text a { display: inline-block; text-align: center; color: #000; padding: 10px 35px; font-size: 16px; /*background-color: #000;*/ border: 1px solid #000; }
.archive_header_left { float: left; margin-bottom: 15px; }
.archive_header_left form.woocommerce-ordering { display: none; }
.archive_header_right { float: right; }
.archive_header_right .woocommerce-result-count { display: none; }
h1.category_title { margin: 0; padding: 10px 0 25px; font-size: 25px; font-weight: normal; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }
body.tax-product_cat .add_to_cart_button { display: none; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-left: 10px !important; }
.woocommerce-message:before,
.woocommerce-info:before { background: none; content: ""; box-shadow: none; }
.woocommerce-message,
.woocommerce-info { border-top: none; }
.single_left { float: left; width: 930px; margin-top:20px;  }

.single_post_cont { background-color: #fff; /*padding: 15px 10px;*/ }
h1.single_title { margin: 0 0 20px; font-size: 30px; font-weight: 300; text-decoration: none; text-transform: uppercase; }
.related.products { display: none; }
body.single-product #sidebar { display: none; }
body.single-product .price .amount { font-weight: bold; font-size: 22px; color:#333; }
.single_inside_content img { max-width: 100%; height: inherit; }

.single_inside_content p { max-width: 100%; height: inherit;  line-height: 170%;  font-size: 16px; font-weight: 300; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
textarea#comment { max-width: 95%; }
body.woocommerce-page #content div.product h1.product_title { font-size: 35px; color:#333; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 130%; letter-spacing: 2px;} /* FOR TITLE */
body.single-product p.price span.amount { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color:#333; margin-top:10px; letter-spacing: 2px; line-height: 110%;  } /* FOR PRICE */
.summary div[itemprop="description"] { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; letter-spacing: 1px; line-height: 130%; } /* product description size */
div.images div.thumbnails img { margin-bottom: 8px; }
.cat-text { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; letter-spacing: 1px; text-align: center; }
h1.page-title { font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; }
.woocommerce-breadcrumb { display: none; }
.scroller{position:absolute;bottom:5%;width:100%;padding:12px 0px;text-align:center;color:rgba(255,255,255,0.6);font-family:"Lato",sans-serif;font-weight:300;-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out;transition:color 0.2s ease-out;z-index:100}
.scroller .scroller-icon{position:absolute;left:50%;margin-left:-24px;margin-top:-12px;border:2px solid rgba(255,255,255,0.6);font-size:2em;width:50px;height:50px;line-height:50px;text-align:center;line-height:50px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:border-color 0.2s ease-out;-moz-transition:border-color 0.2s ease-out;-o-transition:border-color 0.2s ease-out;-ms-transition:border-color 0.2s ease-out;transition:border-color 0.2s ease-out}
.scroller span{padding-left:80px}
.scroller:hover{cursor:pointer;color:#fff}
.scroller:hover .scroller-icon{border-color:#fff}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
  margin-bottom:0;
  margin-top:40px;
  position:relative;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    text-align: left;
    width: 40%;
}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {box-shadow: none; }
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a:hover img {box-shadow: none; }
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {box-shadow: none; }
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  border-top-color:#eee;
  border-top-style:solid;
  border-top-width:3px;
  box-shadow: none;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  border-top-color:#eee;
  border-top-style:solid;
  border-top-width:3px;
  box-shadow: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    display: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
    display: none;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {

   display: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
}

.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important;
}

.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {

    display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin: 0 1.8% 2.992em 0;
	width: 23.65%
}
.pswp__bg{background: rgba(0,0,0,0.8);}

.woocommerce .quantity .qty {
  text-align:center;
  width:3.631em;
  height: 2em;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 3% 2.992em 0;
width: 31.3%
}
.woocommerce span.onsale {
    display: none;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce-ordering .orderby {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 26px;
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
    background-color: #ebe9eb;
    color: #515151;
}



/* Sidebar */
#sidebar { float: right; width: 190px; margin-top:27px; }
.side_box { margin-bottom: 35px; }
.side_box h3.side_title { background-color: #fff; font-size: 15px; /*padding: 7px 9px;*/ margin: 0 0 15px; font-weight: 700; border-radius: 4px;}
.side_box ul { list-style-type: none; margin: 0; padding: 0; }
.side_box ul li { margin-bottom: 6px; }
/* Footer */
#footer { padding: 25px 0; text-align: center; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;   color: #333; letter-spacing: 1px; margin-top:15px; }
.footer_widgets_cont { padding-bottom: 25px; }
.footer_widget_col { float: left; width: 350px; margin-right: 65px;  }
.footer_widget_col_last { margin-right: 0; }
.footer_box { margin-bottom: 25px; text-align: left; }
h3.footer_title { font-size: 19px; }
.footer_box ul { list-style-type: none; margin: 0; padding: 0; }
.footer_box ul li { margin-bottom: 8px; }
.footer_social { padding: 10px 0 20px; text-align: center; }
.footer_social img { float: none; margin: 0 6px; }
.footer-form .d-flex {
    justify-content: center;
    text-align: center;
    position: relative;
    width: 100%;
}
.footer-form button img {
    filter: brightness(0);
    margin: 0 0 0 10px;
}
.footer-form button {
	position: absolute;
    top: 0;
    right: 0;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #6D6D6D;
}
.footer-form input {
    font-size: 12px;
    background: transparent;
    border: 1px solid #ffffff;
    padding: 12px;
    width: 100%;
    border-radius: 4px;
    color: #ffffff;
	font-family: 'Work Sans', sans-serif;
}
.footer-form input::-webkit-input-placeholder { /* Edge */
    color: #ffffff;
	letter-spacing: 1px;
}

.footer-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
	letter-spacing: 1px;
}

.footer-form input::placeholder {
    color: #ffffff;
	letter-spacing: 1px;
}
.footer img.logo-img{
	width: 74px;
}

.footer .payment-list {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}



/* Shop */
.d-flex-between{
	display: flex;
	justify-content: space-between;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
}
/* Products */

.prod-info-modal select {
    width: 100%;
    margin: 0 15px;
    height: 30px;
    padding: 5px;
    align-self: center;
}
.prod-info-modal>div>h4 {
    width: 170px;
    font-size: 16px;
}
.prod-list{
	margin-top: -35px;
}
.page-section {
	height: auto;
	width: 100%;
	color: black;
}
.prod-cat-title{
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #000000;
	margin: 15px 0;
}
.prod-cat-title h2{
	font-size: 20px;
	color: #000;
}
.page-section .prod-item {
	border-bottom: 1px solid #e5eaee;
	display: flex;
	justify-content: space-between;
	padding: 10px 6px 20px 6px;
	margin: 10px 0 0 0;
	cursor: pointer;
}
.page-section .prod-item:hover{
	box-shadow: 0 1px 9px -3px rgb(0 0 0 / 10%);
}
.prod-item .prod-img{
	min-width: 90px;
	height: 60px;
	margin: auto;
	object-fit: cover;
	border-radius: 5px;
	margin-right: 15px;
}
.prod-item .prod-info {
	width: 100%;
}
.prod-item p {
	margin: 0;
}
.prod-item .prod-name {
	font-weight: 600;
	font-size: 16px;
	color: #464e5f;
	font-family: Poppins,Helvetica,"sans-serif";
}
.prod-item .prod-price {
	font-weight: 600;
	font-size: 14px;
	color: #464e5f;
	font-family: Poppins,Helvetica,"sans-serif";
}
button.prod-add {
	outline: none!important;
	margin: auto;
	background: transparent;
	height: fit-content;
	display: inline-block;
	font-weight: 400;
	user-select: none;
	border: 1px solid #cb1d73;
	color: #cb1d73;
	padding: 10px 15px;
}
button.prod-add:hover, button.prod-add:focus {
	border: 1px solid #cb1d73;
	background: #cb1d73;
	color: #ffffff;
}
/* Product Nav */
.navigation {
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	border-bottom: 1px solid #e5eaee;
	padding: 15px;
	margin: 13px auto;
	position: absolute;
	bottom: -69px;
	background: #fff;
	/* 		position: fixed;
	top: 115px;
	right: 0;
	left: 0; */
}
.navigation::-webkit-scrollbar {
	height: 5px;
}
.navigation::-webkit-scrollbar-track {
	background: #e5eaee; 
}
.navigation::-webkit-scrollbar-thumb {
	background: #b5b5c3; 
	cursor: pointer;
}
.navigation::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
.navigationlink {
	display: inline;
	text-decoration: none;
	padding: 1em;
	color: #b5b5c3;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 600;
}
.navigationlink:hover, .navigationlink:focus {
	color: #b5b5c3;
	text-decoration: none;
}
.navigationlink.active {
	color: #000;
}
@media (max-width: 959px){
	.navigation {
		position: relative;
		bottom: -27px;
	}
}
/* Modal */
.prod-info-modal {
	padding: 0 20px;
	border: 1px solid #ecf0f3;
}
.prod-modal.modal {
	text-align: center;
	z-index: 99999;
}
.prod-modal .modal-content {
	overflow: auto;
}
.prod-modal .modal-body {
	padding: 0 !important;
}
.prod-modal .modal-body button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #212121!important;
	width: 45px;
	height: 45px;
	border-radius: 100px;
	color: #fff;
	font-size: 35px;
}
.prod-modal .modal-footer{
	display: flex;
	justify-content: space-between;
}
.prod-modal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.optional-block {
	background-color: #ecf0f3;
	padding: 5px 15px;
	margin: 0;
	height: 26px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 11px;
	align-self: center;
}
@media screen and (min-width: 768px) { 
	.prod-modal.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}
/* QTY */
.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.quantity-box {
	border: 1px solid #ecf0f3!important;
	display: inline-block;
	width: auto;
	padding: 10px;
	text-align: center;
	color: #000;
	border-bottom: 1px #009688 solid;
}
.qty-btns{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.qty-minus{
	font-size: 30px;
	font-weight: bold;
	line-height: 0;
	color: #676869;
	cursor: pointer;
	height: 30px;
}
.qty{
	border: none;
	padding: 2px;
	font-size: 18px;
	font-weight: 600;
	color: red;
	text-align: center;
	width: 50px;
}
.qty-add{
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #676869;
	cursor: pointer;
}
.qty-add:hover, .qty-minus:hover, .qty-add:focus, .qty-minus:focus{
	text-decoration: none;
}
.addtocart-form{
	margin: 0 0 0 15px;
	width: 100%;
}
button.add-to-basket {
	width: 100%;
	border: none;
	background-color: #009b3a;
	color: rgb(255, 255, 255);
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
/* Navbar */
    .navbar {
        border-color: #3fc3b4;
        background-color: #3fc3b4 !important;
        padding: 14px 0;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 0px;
    }
    .navbar-brand {
        height: auto !important;
        padding: 0 !important;
    }
    div#bs-example-navbar-collapse-1 {
        width: calc(100% - 130px);
        margin-left: 50px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 27px !important;
        height: 4px !important;
        border-radius: 1px;
        background: #ffffff;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 450px !important;
    }
    .hide-desktop{
        display: none !important;
    }
    .navbar-collapse {
        margin-top: 0px;
    }
    @media (min-width: 768px){
        .header_menu {
            padding-top: 20px;
        }
    }
    @media (max-width: 767.89px){
        .hide-desktop{
            display: block !important;
        }
        .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
            margin-left: 0;
        }
        .header_menu {
            padding-top: 20px;
        }
        .navbar-brand {
            padding: 0px 25px !important;
        }
        .logo_cont img {
            height: 64px;
        }
        .header_spacing {
            margin-top: 92px;
        }
        .header_menu ul {
            display: block;
        }
        .header_menu ul li {
            width: 100%;
        }
        .hide-mobile{
            display: none !important;
        }
        .header_menu ul li a {
            text-align: center;
        }
        .header_search input[type=text] {
            width: 100%;
        }
        .header_search {
            width: 100%;
        }
        .header_search input[type=image] {
            position: absolute;
            top: 12px;
            right: 11px;
        }
        .navbar-collapse {
            margin-top: 30px;
        }
        div#bs-example-navbar-collapse-1 {
            width: calc(100% - 130px);
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
    }
    .btn-floating{
        background: -moz-linear-gradient(to right, #ffb400 0%, #ed4a63 100%);
        background: -webkit-linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
        background: linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ed4a63',GradientType=0 );
        box-shadow: 0 3px 6px #00000030;
        padding: 13px 25px 16px 25px;
        border-radius: 4px;
        margin-top: 0;
        color: white;
        font-family: 'Styrene A Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: normal;
        line-height: normal;
        text-transform: none;
        display: inline-block;
        position: relative;
        border: 0px;
        transition: 0.3s;
        font-size: 16px;
        position: fixed;
        bottom: 25px;
        right: 25px;
        z-index: 99999;
    }
    .btn-floating:hover {
        color: white;
        text-decoration: none;
        -webkit-transform: translateY(-5px) !important;
        -ms-transform: translateY(-5px) !important;
        transform: translateY(-5px) !important;
        transition: all .5s ease !important;
    }
    .header_search.float-search {
        position: absolute;
        right: 0;
        top: 39px;
        display: none;
    }
    button.nav-search-btn.search-close {
        position: absolute;
        top: 27px;
        right: 8px;
        background: transparent;
        outline: 0;
        border: 0;
    }

add_action( 'woocommerce_before_add_to_cart_button', 'misha_before_add_to_cart_btn' );

function misha_before_add_to_cart_btn(){
	global $product;
	global $post;
    $terms = get_the_terms( $product->get_id(), 'product_cat');
	$carArray = array();
    if(is_array($terms)) {
        foreach($terms as $term) {
            $carArray[] = $term->term_id;
        }            
    }    
 	if(in_array(17, $carArray) && !in_array(55, $carArray) && $product->get_id() !== 27582 && $product->get_id() !== 80696 && $product->get_id() !== 77759 && $product->get_id() !== 99336) {
		echo do_shortcode('[elementor-template id="75039"]');
		echo '
		<style>
			.woobt-wrap.woobt-layout-default .woobt-product-this {
				 display: none;
			} 
			button.single_add_to_cart_button {
				display: none  !important;
			}	
			button.bundle_add_to_cart_button  {
				display: block !important;
			}
			.woobt-wrap a.woosq-link {
				font-family: almony;
				font-size: 16px;
				color: #000 !important;
				font-weight: 400;				
			}
			@media only screen and (max-width: 767px) {
				.woobt-wrap-responsive .woobt-products .woobt-product {
					flex-direction: unset !important;
				}	
			}
		</style>
		';
		echo do_shortcode('[woobt]').'<br>';		
	}
}

/** Add shortcode to after cart button in product page**/
add_action( 'woocommerce_before_add_to_cart_button', 'misha_before_add_to_cart_btn' );

function misha_before_add_to_cart_btn(){
    global $product;
    global $post;
    $terms = get_the_terms( $product->get_id(), 'product_cat');
    $carArray = array();
    if(is_array($terms)) {
        foreach($terms as $term) {
            $carArray[] = $term->term_id;
        }
    }
    $productsWithCocktails = get_field('products_with_cocktails', 'option');
    $productsWithoutCocktails = get_field('products_without_cocktail', 'option');
    $isWithCocktails = false;
    $isWithoutCocktails = false;

    foreach ($carArray as $item) {
        if (in_array($item, $productsWithCocktails)) {
            $isWithCocktails = true;
        }

        if (in_array($item, $productsWithoutCocktails)) {
            $isWithoutCocktails = true;
        }
    }

    if($isWithCocktails && !$isWithoutCocktails) {
        echo do_shortcode('[elementor-template id="75039"]');
        echo '
		<style>
			.woobt-wrap.woobt-layout-default .woobt-product-this {
				 display: none;
			} 
			button.single_add_to_cart_button {
				display: none  !important;
			}	
			button.bundle_add_to_cart_button  {
				display: block !important;
			}
			.woobt-wrap a.woosq-link {
				
				font-size: 16px;
				color: #000 !important;
				font-weight: 400;				
			}
			@media only screen and (max-width: 767px) {
				.woobt-wrap-responsive .woobt-products .woobt-product {
					flex-direction: unset !important;
				}	
			}
		</style>
		';
        echo do_shortcode('[woobt]').'<br>';
    }
}

class Solution {
    //make a pair class to store x coordinate and height, write a compareTo function
    // to compare based increasing order of x coordinate , if x are same , compare 
    //based on increasing height 

    public class pair implements Comparable<pair>{
        int x ;
        int ht ;

        pair(int x , int ht){
            this.x = x ;
            this.ht = ht;
        }
        //compare to function

        public int compareTo(pair o){
            if(this.x != o.x)
            return this.x - o.x;        //increasing order

            else
            return this.ht - o.ht;             //increasing order 
        }
    }
    public List<List<Integer>> getSkyline(int[][] buildings) {
        // input building x and height
        List<pair> input = new ArrayList<>();
        
        for(int i =0  ; i< buildings.length ; i++){
            int sp = buildings[i][0];   //starting point
            int ep = buildings[i][1];   //ending point 
            int ht = buildings[i][2];   //height

            //adding (sp,ht) and (ep,ht) seperately and adding -ht in sp to distinguish
            //that it is a starting point and to handle edge cases (see register)
            pair s = new pair(sp,-ht);
            pair e = new pair(ep,ht);

            input.add(s);
            input.add(e);
        }
        //sort the list in ascending order
        Collections.sort(input);

        //make a max priority queue
        PriorityQueue<Integer> maxheap = new PriorityQueue<>(Collections.reverseOrder());
        List<List<Integer>> ans = new ArrayList<>();
        int curr = 0;   //a pointer for storing current height;
        maxheap.add(0);
        
        //iterate the list
        for(int i =0 ; i < input.size() ;i++){
            int x = input.get(i).x;
            int ht = input.get(i).ht;
            
            //if starting point
            if(ht < 0)
                maxheap.add(-ht);   //adding -(-ht) in pq to make it positive

            else
                maxheap.remove(ht);     //o(n) function in PQ

                //if curr height and active building's max height are same ,continue
                if(curr != maxheap.peek()){
                    List<Integer> temp = new ArrayList<>();
                    temp.add(x);
                    temp.add(maxheap.peek());
                    ans.add(temp);

                    //updating current height to active building's height
                    curr = maxheap.peek();  
                }
            
        }

        return ans;
    }
}

https://github.com/ryanmcdermott/clean-code-javascript

https://www.codewithrandom.com/category/web-development/
https://www.florin-pop.com/blog

<!DOCTYPE html>
<html>
<head>
<style> 
div.a {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: clip; 
  border: 1px solid #000000;
}
​
div.b {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
}
​
div.c {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: "----"; 
  border: 1px solid #000000;
}
</style>
</head>
<body>
​
<h1>The text-overflow Property</h1>
​
<p>The following two divs contains a text that will not fit in the box.</p>
​
<h2>text-overflow: clip (default):</h2>
<div class="a">Hello world!</div>
​
<h2>text-overflow: ellipsis:</h2>
<div class="b">Hello world!</div>
​
<h2>text-overflow: "----" (user defined string):</h2>
<div class="c">Hello world!</div>
​
<p><strong>Note:</strong> The text-overflow: "<em>string</em>" only works in 
Firefox.</p>
​
</body>
</html>

// Remove item from array

let db = Firestore.firestore()
            db.collection("Products").document("").updateData(["" : FieldValue.arrayRemove(["89024"])])

// increment value             
            db.collection("Products").document("").updateData([
                "field_name" : FieldValue.increment(Int64(3))
                    ])
                    
// union array
                    
            db.collection("collection_name").document("document_id")
            documentRef.updateData([
              "field_name": FieldValue.arrayUnion(["element1", "element2", "element3"])
            ])

public class Codec {
    
    HashMap<String,String> map ;    //<LongUrl,ShortUrl>
    
    //constructor
    public Codec(){
        this.map = new HashMap<>();
    }

    // Encodes a URL to a shortened URL.
    public String encode(String longUrl) {
        
        //making a random number throuhg math.encoding eg: 53.15 and round it off 
        //after rounding it off change it into ascii character , it that character
        //exists in the HM add another random character to the stringbuilder 
        //untill it is not contained in the HM

        //use SB as operations in SB are in O(1) and in string is o(n)
        StringBuilder shortUrl = new StringBuilder();
        shortUrl.append((char)(Math.floor(Math.random()*100)));
        
        while(map.containsKey(shortUrl))
        shortUrl.append((char)(Math.floor(Math.random()*100)));

        map.put(shortUrl.toString(),longUrl);
        

        return shortUrl.toString();
    }

    // Decodes a shortened URL to its original URL.
    public String decode(String shortUrl) {
        String longUrl = map.get(shortUrl);

        return longUrl.toString();
    }
}

// Your Codec object will be instantiated and called as such:
// Codec codec = new Codec();
// codec.decode(codec.encode(url));

{{#babel:en-N|fr-3|de-5}}

{{#babel:xx-i|xx-i|...}}

import { context } from '@actions/github';

const author = context.payload.commits[0].author; // Be careful using this, it may not always be here. For example, in the case of a pull_request triggered action, this will result in an error.
await exec(`git config --local user.name "${author.name}"`);
await exec(`git config --local user.email "${author.email}"`);

import { context } from '@actions/github';

await exec(`git config --local user.name "${context.actor}"`);
await exec(`git config --local user.email "github-action-${context.actor}@users.noreply.github.com"`); // This is basically a bogus email, but you get the idea

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

RewriteEngine On
ErrorDocument 404 /404.html
ErrorDocument 500 /404.html
ErrorDocument 403 /404.html
ErrorDocument 400 /404.html
ErrorDocument 401 /401.html

[acceptance your-consent]Прочетох и се съгласявам с <a href="/obshti-uslovia/" target="_blank">Общите условия</a>.[/acceptance]

//Regular function
let x = function(x, y) {
   return x + y;
}

//Arrow function
let x = (x, y) => x + y;

def get_adder(summand1: float) -> Callable[[float], float]:
    """Returns a function that adds numbers to a given number."""
    def adder(summand2: float) -> float:
        return summand1 + summand2

    return adder

{
  requestSuccessful: true,
  responseData: {
    id: 0,
    accountName: 'Gabriel Mbugua',
    firstName: 'Gabriel',
    lastName: 'Mbugua',
    accountBalance: 0,
    ledgerBalance: 0,
    accountNo: '8250002075',
    expired: false,
    providerName: 'Sterling',
    currency: 'NGN',
    country: 'NGA',
    createdAt: '2023-01-30T17:27:49.5440025+00:00',
    accountType: 'DYNAMIC',
    accountId: '30e0fa13-f9be-4815-8f4e-eb2f7867bd86',
    mifosAccountRef: null
  },
  message: 'Successful',
  responseCode: '00'
}

*{
	margin: 0;
	padding: 0;
}

.container{
	width: 100%;
	height: 100vh;
	background: royalblue;
	display: flex;
	justify-content: center;
	align-items: center;
}

.insta{
	width: 270px;
	height: 270px;
	background: radial-gradient(circle at 33% 100% , #fed373 4% , #f15245 30% , #d92e7f  62% , #9b36b7 87% , #515ecf);
	border-radius: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.insta-inner{
	width: 200px;
	height: 200px;
	border-radius: 54px;
	border: white 10px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.insta-inner2{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: white solid 10px;
}

.insta-inner:after{
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: white solid 5px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: white;
}