/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


.tailwindcss :is(.mx-auto){
  margin-left: auto;
  margin-right: auto
}

.tailwindcss :is(.mt-4){
  margin-top: 1rem
}

.tailwindcss :is(.mt-6){
  margin-top: 1.5rem
}

.tailwindcss :is(.mt-8){
  margin-top: 2rem
}

.tailwindcss :is(.block){
  display: block
}

.tailwindcss :is(.flex){
  display: flex
}

.tailwindcss :is(.h-5){
  height: 1.25rem
}

.tailwindcss :is(.w-5){
  width: 1.25rem
}

.tailwindcss :is(.w-full){
  width: 100%
}

.tailwindcss :is(.max-w-7xl){
  max-width: 80rem
}

.tailwindcss :is(.flex-shrink-0){
  flex-shrink: 0
}

.tailwindcss :is(.space-x-3 > :not([hidden]) ~ :not([hidden])){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.tailwindcss :is(.space-y-4 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.tailwindcss :is(.divide-y > :not([hidden]) ~ :not([hidden])){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.tailwindcss :is(.divide-gray-200 > :not([hidden]) ~ :not([hidden])){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity))
}

.tailwindcss :is(.rounded-lg){
  border-radius: 0.5rem
}

.tailwindcss :is(.rounded-md){
  border-radius: 0.375rem
}

.tailwindcss :is(.border){
  border-width: 1px
}

.tailwindcss :is(.border-gray-200){
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.tailwindcss :is(.border-transparent){
  border-color: transparent
}

.tailwindcss :is(.bg-purple-600){
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity))
}

.tailwindcss :is(.bg-white){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.tailwindcss :is(.p-6){
  padding: 1.5rem
}

.tailwindcss :is(.px-6){
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.tailwindcss :is(.py-12){
  padding-top: 3rem;
  padding-bottom: 3rem
}

.tailwindcss :is(.py-2){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.tailwindcss :is(.pb-8){
  padding-bottom: 2rem
}

.tailwindcss :is(.pt-6){
  padding-top: 1.5rem
}

.tailwindcss :is(.text-center){
  text-align: center
}

.tailwindcss :is(.text-4xl){
  font-size: 2.25rem;
  line-height: 2.5rem
}

.tailwindcss :is(.text-base){
  font-size: 1rem;
  line-height: 1.5rem
}

.tailwindcss :is(.text-lg){
  font-size: 1.125rem;
  line-height: 1.75rem
}

.tailwindcss :is(.text-sm){
  font-size: 0.875rem;
  line-height: 1.25rem
}

.tailwindcss :is(.font-bold){
  font-weight: 700
}

.tailwindcss :is(.font-medium){
  font-weight: 500
}

.tailwindcss :is(.font-semibold){
  font-weight: 600
}

.tailwindcss :is(.leading-6){
  line-height: 1.5rem
}

.tailwindcss :is(.tracking-tight){
  letter-spacing: -0.025em
}

.tailwindcss :is(.text-gray-500){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity))
}

.tailwindcss :is(.text-gray-900){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity))
}

.tailwindcss :is(.text-green-500){
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity))
}

.tailwindcss :is(.text-white){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tailwindcss :is(.shadow-sm){
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tailwindcss :is(.hover\:bg-purple-700:hover){
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity))
}

@media (min-width: 640px){
  .tailwindcss :is(.sm\:grid){
    display: grid
  }

  .tailwindcss :is(.sm\:grid-cols-2){
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .tailwindcss :is(.sm\:gap-6){
    gap: 1.5rem
  }

  .tailwindcss :is(.sm\:space-y-0 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
  }
}

@media (min-width: 1024px){
  .tailwindcss :is(.lg\:mx-auto){
    margin-left: auto;
    margin-right: auto
  }

  .tailwindcss :is(.lg\:max-w-4xl){
    max-width: 56rem
  }

  .tailwindcss :is(.lg\:px-8){
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media (min-width: 1280px){
  .tailwindcss :is(.xl\:mx-0){
    margin-left: 0px;
    margin-right: 0px
  }

  .tailwindcss :is(.xl\:max-w-none){
    max-width: none
  }

  .tailwindcss :is(.xl\:grid-cols-4){
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}