/*
Theme Name: Vet World Pharma
Author: Waqasn Kang
Author URI: https://deblio.com/
Description: Specially designed for Vet World Pharma
Version: 1.0
*/
html, body { min-height:100% !important; }
/**** Foundation.css ****/
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{outline:none}a{text-decoration:none;}img{max-width:100%;height:auto;}ul{padding:0;margin:0;list-style:none}.row{width:1170px;padding:0 15px;max-width:100%;clear:both;margin:0 auto}.row:before,.row:after{content:"";display:table}.row:after{clear:both}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row.collapse .column,.row.collapse .columns{padding:0}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row .row.collapse{margin:0}.column,.columns{float:left;min-height:1px;padding:0 15px;position:relative}.column.centered,.columns.centered{float:none;margin:0 auto}/*[class*="column"] + [class*="column"]:last-child{float:left}*/[class*="column"] + [class*="column"].end{float:left}.one,.row .one{width:8.33333%}.two,.row .two{width:16.66667%}.three,.row .three{width:25%}.four,.row .four{width:33.33333%}.five,.row .five{width:41.66667%}.six,.row .six{width:50%}.seven,.row .seven{width:58.33333%}.eight,.row .eight{width:66.66667%}.nine,.row .nine{width:75%}.ten,.row .ten{width:83.33333%}.eleven,.row .eleven{width:91.66667%}.twelve,.row .twelve{width:100%}@media only screen and (max-width: 767px){.row{width:auto;min-width:0;margin-left:0;margin-right:0;clear:both}.column,.columns{width:auto!important;float:none}.column:last-child,.columns:last-child{float:none}[class*="column"] + [class*="column"]:last-child{float:none}.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}.column:after,.columns:after{clear:both}}


/*p { margin-bottom:20px; }
h1,h2,h3,h4,h5,h6{color:#094D9C; margin:0 0 25px;font-weight:600;line-height:1.2}p{margin:0 0 22px;line-height:1.5}
*/

html { overflow-x:hidden;}
img.alignleft { margin-right:25px; float:left; }
img.alignright { margin-left:25px; float:right; }

.page-wrap {
	min-height:500px;	
}
.df-row-section {
	max-width: 100%;
	width: 1130px;
	margin:0 auto;
	clear: both;
	padding:0 15px;
}

body {
	margin:0;
	color: #094D9C;
	font-size: 16px;
	line-height:22px;
	background: #fff;
	font-family: "Roboto", Sans-serif;	
	/*overflow-x: hidden;*/
	overflow-x: hidden;
}
p, ul, ol {margin: 0 0 22px 0;}
.elementor-element ul li, .elementor-element ol li {margin: 0 0 10px 0;}
.elementor-element ul, .elementor-element ol { padding-left: 20px; }
.elementor-element ul { list-style: disc; }
.bdt-slider-excerpt p { margin-bottom:0 !important;}
/*
h1,h2,h3,h4,h5,h6{ 
	font-family: "Roboto", Sans-serif;
	font-weight: 600;
    
}
h1 {
    font-size: clamp(3rem, 8vw, 4rem);   
}
h2 {
    font-size: clamp(1.5rem, 6vw, 2.7rem);   
}
h3 {
    font-size: clamp(1rem, 6vw, 2rem);   
}
h4 {
    font-size: clamp(1rem, 6vw, 1rem);   
}
h5 {
    font-size: clamp(1.25rem, 20px, 1.25rem);  
}*/


/*header start*/
.header_outer { position:relative; z-index:9; float: left; width: 100%;}
header {
	padding: 10px 0;
	background:rgba(255, 255, 255, 0.9);
	position:relative;
	transition:	all 0.5s ease;	
}
header.transparent_header {
	position:absolute;
    left: 0;
    top: 0px;
    width: 100%;
	z-index:9;
	background:transparent;
}
header .flex-container {
	display: flex;
    column-gap: 30px;
	align-items: center;
	justify-content: space-between;
}
.main-logo {
	float: left;
}
.main-logo img {
	float: left;
	max-height: 90px;
	width: auto;
}
/*.main-menu {
	float: right;
	position:relative;
}
.main-menu ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.main-menu li {
	float: left;
	padding: 10px 18px;
	position: relative; 
}
.main-menu li a {
	float: left;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	font-family: "Raleway", sans-serif;
}
.main-menu li:hover > a, .main-menu li.current-menu-item > a, .main-menu li.current-menu-ancestor > a {
	color: #fff;
}
.main-menu li:last-child { padding-right:0;}*/

.main-menu > ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
}
.main-menu > ul > li { position:relative;}

.main-menu > ul > li > a {
  color: #094D9C;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px;
  margin: 0px 10px;
  position: relative;
  transition: all .5s
}

/*hover effect*/
.main-menu > ul > li > a:hover {
  background-color: #578ECF;
  color:white;
}

.main-menu > ul > li > a:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 12px;
  height: 12px;
  border: 3px solid #578ECF;
  border-width: 0 0 3px 3px;
  opacity: 0;
  transition: all 0.3s
}

.main-menu > ul > li > a:hover:before {
  opacity: 1;
  bottom: -8px;
  left: -8px;
}

.main-menu > ul > li > a:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 12px;
  height: 12px;
  border: 3px solid #578ECF;
  border-width: 3px 3px 0 0;
  opacity: 0;
  transition: all 0.3s;
}

.main-menu > ul > li > a:hover:after {
  opacity: 1;
  top: -8px;
  right: -8px;
}

.main-menu ul ul {
    position: absolute;
    margin: 0;
    width: 200px;
    left: 50%;
    top: 100%;
    /*background: #fff;*/
    padding: 20px 0 0 0;
    margin-left: -100px;
    z-index: 999;
    /*border-bottom: 1px solid #5a8dce;*/
}
/* LEVEL 2 */
.main-menu ul ul ul {
  top: 0;
  left: 200px;
}
.main-menu li li { width:100%; padding:0; }
.main-menu li li a {
	padding: 6px 15px;
	background: #fff;
    /*box-shadow: 2px 2px 12px #094D9C;*/
    border-bottom: 1px solid #5a8dce;
    width: 100%;
    color: #094D9C;
    display: block;
}
.main-menu li li a { font-size: 16px; }
.main-menu li li:last-child a { border-bottom:0;}
.main-menu li li:first-child a { box-shadow: 0 -4px 12px -6px #094D9C;}

.main-menu li li:hover a, .main-menu li li.current-menu-item a {
	background: #094D9C;
    color: #fff;
}

.main-menu ul ul, .main-menu ul li:hover ul ul, .main-menu ul ul li:hover ul ul {display: none;}
.main-menu ul li:hover ul, .main-menu ul ul li:hover ul, .main-menu ul ul ul li:hover ul {display: block;}
/*.main-menu ul li ul {
	position: absolute;
	left: -99999px;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;	
}
.main-menu ul li:hover ul {
	opacity: 1;
}
.main-menu ul li:hover ul {
	display: block;
	left: -86px;
}

.main-menu ul li ul li {
	float: none;
	margin-bottom: -40px;
	min-width: 200px;
	border: 2px solid #1f2257;
	-webkit-transition: margin-bottom .6s cubic-bezier(0.6, -0.28, 0.735, 0.045);
	transition: margin-bottom .6s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.main-menu ul li:hover ul li {
	margin-bottom: 2px;
}
.main-menu ul li ul li a{
	text-decoration: none;
    color: #fff !important;
    padding: 10px 20px;
    display: block;
    text-shadow: 2px 2px 3px #333;
}


.main-menu ul li ul li:nth-child(2n+0) {
	box-shadow: 0px 10px 12px rgb(51, 51, 51);	
	-webkit-transform: rotateY(35deg);
	transform: rotateY(35deg);
	
	background: -webkit-linear-gradient(left, #094D9C, #1f2257);
	background: -moz-linear-gradient(left, #094D9C, #1f2257);
	background: linear-gradient(left, #094D9C, #1f2257);
	
	-webkit-transform: rotateY(0deg) skew(-20deg, 12deg);
	transform: rotateY(0deg) skew(-20deg, 12deg);
	
	-webkit-animation: animMenu10 10s infinite normal;
	animation: animMenu10 10s infinite normal;
}
.main-menu ul li ul li:nth-child(2n+1) {
	text-align: right;
	box-shadow: 1px 10px 12px rgb(51, 51, 51);
	-webkit-transform: rotateY(-18deg);
	transform: rotateY(-18deg);
	
	background: -webkit-linear-gradient(left, #1f2257, #094D9C);
	background: -moz-linear-gradient(left, #1f2257, #094D9C);
	background: linear-gradient(left, #1f2257, #094D9C);
	
	-webkit-transform: rotateY(0deg) skew(5deg, -7deg);
	transform: rotateY(0deg) skew(5deg, -7deg);
	
	-webkit-animation: animMenu20 10s infinite normal;
	animation: animMenu20 10s infinite normal;
}*/


/*footer start*/
footer {
	--col-deepblue: #094D9C;
	width:100%;
	position:relative;
  /*width:100vw;
  position:fixed;
  bottom:0px*/
}

footer .elementor-shape-bottom {
	top: -99px;
    bottom: auto;
}
footer .elementor-shape-bottom svg {
	height:100px;
}
footer .elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
footer .elementor-shape[data-negative=false].elementor-shape-bottom, footer .elementor-shape[data-negative=true].elementor-shape-top {
    transform: rotate(180deg);
}
footer .elementor-shape-bottom:not([data-negative=true]) svg {
    z-index: -1;
}
footer .elementor-shape svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
footer .elementor-shape .elementor-shape-fill {
    fill: var(--col-deepblue);
	transform: rotateY(0deg);
    transform-origin: center;
}


.footer-inner {
  background-color: var(--col-deepblue);
  margin: 0;
    padding: 60px 0 0 0;
}
footer a { color:#fff !important;}
footer .flex-row {
	display: flex;
    column-gap: 70px;
	justify-content: space-between;
    width: 100%;
	    align-items: flex-start;
}
.social-icon,
.footer-menu {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  flex-wrap: wrap;
}
.footer-menu {
	flex-direction: column;
}
.footer-inner h3 {
	color:#ffffff !important;
	text-transform:uppercase;
	font-size:18px !important;
	margin:0 0 30px 0;
}
.ft-col {color:#ffffff !important;}
.ft-col hr {
	    width: 100px;
    margin: 7px 0;
    border-color: #094D9C;
}
.footer-inner p {
	color:#ffffff !important;
	margin:0 0 22px 0;
}
.mw340 { max-width:310px;}
.footer-menu li { width:100%; margin-bottom:12px;}
.footer-menu li:last-child {margin-bottom:0;}
.footer-menu li,
.social-icon li {
  list-style: none;
}

.social-icon li a {
  font-size: 2rem;
  color: #1F3300;
  margin:10px;
  display: inline-block;
  transition: 0.5s;
}
.social-icon li a:hover {
  transform: translateY(-10px);
}

.footer-menu li a {
	font-size: 16px;
    color: #ffffff;
    margin: 0;
    display: inline-block;
    transition: 0.5s;
    text-decoration: none;
    line-height: 20px;
    padding: 0;
}
.footer-menu li a:hover{
	color: white;
}

.footer-menu li a:hover, footer a:hover {
  opacity: 0.75;
}

.ft-bottom {
	margin-top: 50px;
    border-top: 1px solid #5a8dce;
    padding-top: 10px;
}
.ft-bottom p {
  color: #fff;
  margin: 0 0 10px 0 !important;
  font-size: 1rem;
  font-weight: 300;
}
.bdt-prime-slider-skin-slice {
	padding-top:100px !important;
}

/*form css start*/
.form {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    --gap: 1em;
    gap: var(--gap);
}
.form-group {
	/*width: calc(100% / 4 - calc(var(--gap) / 4* 3)); / total * total-1*/
	width: calc(100% / 2 - calc(var(--gap) / 2* 1));
}
.form-group.full { width:100%;}
.form-group p { margin:0 !important;}
input, textarea {
  color: #1e2358;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px;
  margin-bottom: 0px;
  border-left: 1px solid transparent;
  border: 1px solid #1e2358;
  transition: all 0.2s ease-in-out;
  border-radius:5px;
}
input:focus, textarea:focus {
  border-left: 5px solid #1e2358;
}
textarea {
  resize: none;
  max-height: 150px;
  margin-bottom: 0px;
}
.send-button {
	background-color: #1e2358;
    border-radius: 20px 0px 20px 0px;
	border:0;
    padding: 12px 24px;
    color: #fff;
	font-size:15px;
	line-height:1;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s;
    width: auto;
	cursor:pointer;
}
.send-button:hover, .send-button:focus {
  background-color: #FFFFFF;
  color: #1e2358;
  border:0;
}
.wpcf7 form .wpcf7-response-output {
	font-size: 12px;
	margin: 15px 0 0 0;
	color:#fff;
}
.banner-section {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background-color: #094D9C;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 30vw;
    padding: 60px 0 60px 0;
    position: relative;
    clear: both;
}
.banner-content {
    color: #fff;
    float: left;
    width: 100%;
    max-width: 815px;
    position: relative;
    z-index: 2;
}
.overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.3) 60%);
}
.banner-content h1 {
    color: #fff !important;
    font-size: 40px !important;
	line-height:1.2 !important;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
	border-bottom: 10px double;
    clear: both;
	width: fit-content;
}
.bdt-prime-slider ul { margin:0 !important;}

body {
  overflow: hidden;
}


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999999999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(images/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.imgStyle .elementor-image-box-img img {
	border-radius: 145% 66% 88% 45% !important;
}
.overhidden {
	overflow-x: hidden;
}
.imgStyle .elementor-image-box-title a {
	font-size: 22px;
}

img.ft-logo {
	max-height: 100px;
    clear: both;
    display: block;
    margin-bottom: 20px;
}
.ft-bio .fa {
	font-size: 20px;
}
h1.highlighted {
	color:#ffffff;
	font-size:50px;
	font-weight:600;
}
.fli {
	display: flex;
    align-items: center;
	column-gap: 10px;
}
.top-bar {
	background: #094D9C;
    padding: 10px 0;
}
.top-bar p, .top-bar a {
	color:#fff;
	margin:0;
	font-size: 15px;
}
.top-bar .flex-row {
	display: flex;
    align-items: center;
    column-gap: 30px;
}
.top-bar .social-top {
	margin-left: auto;
}
.google_map_full_height {
	 height: 100%;
    display: flex;
    flex-direction: column;
}
.google_map_full_height .elementor-custom-embed {
	width: 100%;
    height: 100%;
}
@media only screen and (min-width: 1140px) {
.main-logo {
	/*margin-left: 15px;*/
}
}

@media only screen and (max-width: 767px) {
	.main-menu { display:none;}
footer .flex-row {
	flex-wrap: wrap;
    flex-direction: column;
}
.mw340 {
    max-width: 100%;
}
.banner-section {
	padding: 150px 0 50px 0;
}
.banner-content h1 {
    font-size: 2rem !important;
}
footer .elementor-shape-bottom {
	top: -49px;
}
footer .elementor-shape-bottom svg {
	height:50px;
}
.main-logo img {
	max-height: 100px;
}
.ft-col { margin-bottom:30px;}
.footer-inner h3 {
	margin:0 0 20px 0;
}
.ft-bottom {
	margin-top: 0px;
}
.top-bar { display:none; }
}

@media screen and (min-width: 768px){
	.yt-wrapper {
		overflow: hidden;
		max-width: 100%;
	}

	.yt-frame-container {
    		position: relative;
    		padding-bottom: 56.25%; 
    		padding-top: 25px;
		width: 300%;
    		left: -100%;
	}

	.yt-frame-container iframe {
    		position: absolute; 
    		top: 0; 
    		left: 0; 
    		width: 100%; 
		height: 100%;
		pointer-events:none;
	}
}

@media screen and (max-width: 767px){
	.yt-frame-container iframe {
		aspect-ratio: 16/9;
        	pointer-events:none;
    }
}

.ytp-show-cards-title, .ytp-watermark { display:none !important;}

/* Two-column layout */
.custom-single-product-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin: 40px 0;
}

.custom-product-gallery {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
}

.custom-product-details {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.custom-product-details .product-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-product-details .product-price {
    font-size: 1.5rem;
    color: #e63946;
    font-weight: bold;
    margin-bottom: 15px;
}

.custom-product-details .product-rating {
    margin-bottom: 15px;
}

.custom-product-details .product-short-description {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.custom-product-details .product-add-to-cart {
    margin-bottom: 20px;
}

.custom-product-extra {
    margin-top: 50px;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .custom-single-product-container {
        grid-template-columns: 1fr;
    }
}