@charset "UTF-8";

/*
Theme Name: wanrong
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: wanrong is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how wanrong elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
*/

body {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font: 400 15px/23px 'Outfit';
    color: #000;
}

p {
    padding: 0px;
    margin: 0px;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
    text-decoration: none !important;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

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

input[type="text"]::-webkit-placeholder {
    opacity: 1;
}

input[type="text"]::-moz-placeholder {
    opacity: 1;
}

input[type="password"]::-webkit-placeholder {
    opacity: 1;
}

input[type="password"]::-moz-placeholder {
    opacity: 1;
}

input[type="search"]::-webkit-placeholder {
    opacity: 1;
}

input[type="search"]::-moz-placeholder {
    opacity: 1;
}

input[type="email"]::-webkit-placeholder {
    opacity: 1;
}

input[type="email"]::-moz-placeholder {
    opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
    opacity: 1;
}

input[type="tel"]::-moz-placeholder {
    opacity: 1;
}

textarea::-moz-placeholder {
    opacity: 1;
}

textarea::-webkit-placeholder {
    opacity: 1;
}

a:hover {
    outline: none !important;
    text-decoration: none;
}

a:active {
    outline: none !important;
    text-decoration: none;
}

a {
    text-decoration: none !important;
}

a,
button,
input[type="submit"],
 ::before,
 ::after {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

input[type="submit"] {
    cursor: pointer;
    border: 0px;
    outline: none;
    background: none;
}

img {
    max-width: 100%;
    height: auto;
}

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

p:last-child {
    margin-bottom: 0px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0px;
}

figure {
    margin: 0px;
}


/* outfit-100 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100;
    src: url('assets/fonts/outfit-v12-latin-100.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-200 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/outfit-v12-latin-200.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-300 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/outfit-v12-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-regular - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/outfit-v12-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-500 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/outfit-v12-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-600 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/outfit-v12-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-700 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/outfit-v12-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-800 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/outfit-v12-latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* outfit-900 - latin */

@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/outfit-v12-latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?krb9ny');
  src:  url('assets/fonts/icomoon.eot?krb9ny#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?krb9ny') format('truetype'),
    url('assets/fonts/icomoon.woff?krb9ny') format('woff'),
    url('assets/fonts/icomoon.svg?krb9ny#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-person:before {
  content: "\e90d";
}
.icon-pencil:before {
  content: "\e90e";
}
.icon-pencil2:before {
  content: "\e90f";
}
.icon-file-play:before {
  content: "\e929";
}
.icon-user:before {
  content: "\e971";
}
.icon-youtube-logo:before {
  content: "\e915";
}
.icon-phone-call:before {
  content: "\e918";
}
.icon-email:before {
  content: "\e919";
}
.icon-pinterest:before {
  content: "\e934";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-spotify:before {
  content: "\ea94";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-soundcloud:before {
  content: "\eac3";
}
.icon-pinterest1:before {
  content: "\ead1";
}
.icon-coma:before {
  content: "\e90c";
}
.icon-Arrow-4:before {
  content: "\e901";
}
.icon-Arrow-11:before {
  content: "\e903";
}
.icon-Arrow-12:before {
  content: "\e904";
}
.icon-Location2:before {
  content: "\e905";
}
.icon-Vector5:before {
  content: "\e908";
}
.icon-Message:before {
  content: "\e909";
}
.icon-Vector:before {
  content: "\e902";
}
.icon-Vector-9:before {
  content: "\e900";
}
.icon-instagram1:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e90b";
}
.icon-facebook-logo:before {
  content: "\e91b";
}




.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}



/*
font-family: 'Outfit';
font-family: 'icomoon';
*/

.media{display: flex; align-items: flex-start;}
.media-object{flex: 1;}
p{color: #7F8289; font-weight: 400; font-size: 18px; line-height: 30px;}

.bannerSec{position: relative; width: 100%;}
.bnrimg{position: relative;}
.bnrimg > img{width: 100%; object-fit: cover;}
.bnrtxt{position: absolute; left: 0; width: 100%; bottom: 100px;}
.bnrtxtinr{display: flex; align-items: flex-start; justify-content: space-between;}
.bnrtxtinr h1{color: #FFF; font-weight: 600; font-size: 80px; line-height: 85px; margin: 0; max-width: 970px;}
.bnrimg::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;
background: url(assets/images/bneroverly.png) no-repeat 0 0; background-size: cover;}
.bnerRgt {max-width: 350px;}
.bnrtxtinr p{color: #FFF;}
.themeBtn{display: inline-flex; align-items: center; color: #FFF; border-radius: 45px; background: #1D3F98;
height: 60px; font-weight: 500; font-size: 17px; line-height: 23px; padding: 0 47px;}
.themeBtn span{margin-left: 10px; font-size: 9px;}
.themeBtn:hover{background: #002F57; color: #FFF;}
.bnrtxtinr .themeBtn:hover{background: #FFF; color: #002F57;}

.headersec{position: absolute; z-index: 9; width: 100%; padding: 27px 0; left: 0; top: 0;}
.hderinr{position: relative; display: flex; align-items: center; justify-content: space-between;}
.hdrlgo{width: auto;}
ul.slimmenu > li{margin-right: 55px;}
ul.slimmenu > li:last-child{margin: 0;}
ul.slimmenu > li > a{display: inline-block; color: #FFF; font-size: 18px; line-height: 23px; font-weight: 500; position: relative;}
ul.slimmenu > li.current-menu-item > a{font-weight: 700;}
.hderinr .themeBtn {padding: 0 25px;}
.hderinr .themeBtn:hover{background: #FFF; color: #002F57;}
.hderinr .themeBtn span{margin: 0 10px 0 0; font-size: 18px;}
ul.slimmenu > li > a::before{position: absolute; content: ""; bottom: -3px; pointer-events: none; width: 0px;
border-top: 1px solid rgba(255,255,255, 0.95); left: 0;}
ul.slimmenu > li > a:hover::before, ul.slimmenu > li.current-menu-item > a::before{width: 30px;}

.counterSec{width: 100%; background: #1D3F98; padding: 60px 0;}
.cuntertxt{text-align: center;}
.cuntertxt h3{color: #FFF; font-weight: 200; font-size: 80px; line-height: 80px; letter-spacing: -0.32px;margin: 0 0 10px;}
.cuntertxt p{color: #FFF; font-weight: 500; font-size: 18px; line-height: 23px; text-transform: uppercase;}

.blogSec{padding: 140px 0 87px; width: 100%;}
.pgehding h2{color: #002F57; font-weight: 500; letter-spacing: -0.32px; font-size: 70px; line-height: 75px; text-transform: capitalize;}
.pgehding h2 em{font-style: normal; font-weight: 200;}
.pgehding strong{display: inline-block; color: #1D3F98; font-weight: 600; text-transform: uppercase; font-size: 18px; line-height: 23px;
font-family: 'Outfit'; letter-spacing: 0.8px;}
.blogBxs{margin-top: 45px; width: 100%;}
.blogSec .row{margin: 0 -50px;}
.blogSec .row > div{padding: 0 50px;}
.blogCon{padding: 48px 0 20px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.23);}
.blogCon h3{color: #2D313C; font-weight: 500; font-size: 30px; line-height: 37px; margin: 0 0 40px;}
.blogCon h3 a{color: #2D313C;}
.redlnk{display: inline-flex; align-items: center; color: #7F8289; font-weight: 700; font-size: 18px; line-height: 23px;
text-transform: uppercase;}
.redlnk span{margin-left: 8px; font-size: 8px;}
.redlnk:hover, .blogCon h3 a:hover{color: #002F57;}
.blogSec .container{position: relative;}
.blogBtn{position: absolute; right: 12px; top: 60px;}
.blogDte{position: absolute; top: 30px; left: 30px; background: #1D3F98; display: inline-flex; align-items: center;
padding: 10px 15px; min-height: 60px;}
.blogimg{position: relative; overflow: hidden;}
.blogimg img{width: 100%; transition: all 0.3s ease-in-out;}
.blogDte h4{color: #FFF; font-size: 30px; line-height: 35px; font-weight: 400; margin: 0 12px 0 0; padding: 0 12px 0 0; position: relative;
display: inline-flex; align-items: center;}
.blogDte p{color: #FFF; font-weight: 500; font-size: 16px; line-height: 20px;}
.blogDte h4::before{position: absolute; right: 0; height: 32px; content: ""; border-left: 1px solid rgba(255, 255, 255, 0.23);}
.blogBxs:hover .blogimg img{transform: scale(1.06);}

.askedSec{padding: 115px 0 125px; width: 100%; background: #F7FCFF;}
.askedimge img{width: 100%;}
.askedSec .row{margin: 0 -62px;}
.askedSec .row > div{padding: 0 62px;}
.askedacdian{margin-top: 36px;}
.askedacdian .accordion-item{margin: 0 0 25px; border: 1px solid rgba(0, 0, 0, 0.23); background: transparent;}
.accordion-item:last-child{margin: 0;}
.askedacdian .accordion-item > button{color: #2D313C; font-weight: 500; font-size: 24px; line-height: 30px;
background: transparent; outline: none; border: 0; box-shadow: initial; padding: 30px 25px; padding-right: 44px;}
.askedacdian .accordion-item, .askedacdian .accordion-item > button{border-radius: 0;}
.askedacdian .accordion-body{padding: 0px 25px 25px;}
.askedacdian .accordion-item > button::after{content: none;}
.askedacdian .accordion-item > button::before{position: absolute; right: 25px; content: ""; width: 18px; height: 18px;
background: url(assets/images/minsIcn.png) no-repeat 0 0;}
.askedacdian .accordion-item > button.collapsed::before{background: url(assets/images/plusIcn.png) no-repeat 0 0;}

.categorySec{padding: 120px 0 150px; width: 100%;}
.aboutimge{width: 100%; max-width: 495px; margin-right: 99px;}
.aboutimge img{width: 100%;}
.aboutpnl h4{color: #002F57; font-weight: 500; font-size: 18px; line-height: 26px;}
.aboutpnl .media{align-items: center;}
.abtnmber h3{color: #002F57; font-weight: 200; font-size: 164px; line-height: 164px;}
.abtnmber strong{color: #002F57; font-weight: 400; font-size: 30px; line-height: 35px; text-transform: uppercase;}
.abtnmber {text-align: center; max-width: 470px; width: 100%;}
.aboutpnl{display: flex; align-items: center;padding: 22px 0 0;}
.aboutSec .pgehding{padding-left: 470px;}

.categoryBxs{width: 100%; position: relative; overflow: hidden;}
.categoryImge{width: 100%; min-height: 425px; background: radial-gradient(93.75% 93.75% at 50% 44.22%, #FFFFFF 0%, #EBF6FF 100%);
text-align: center; padding-top: 55px;}
.categorySlder{margin-top: 40px; width: 100%; position: relative;}
.categoryBxs:hover .categoryImge{background: #F3F6FF;}
.categoryCon{position: absolute; bottom: 0; left: 0; padding: 35px 45px 35px 30px; display: flex; align-items: center; justify-content: space-between;
width: 100%;}
.categoryCon h3{color: #01192D; font-weight: 500; font-size: 30px; line-height: 35px; margin: 0;}
.categorylnk{display: inline-flex; color: #1D3F98;}
.categoryImge img{mix-blend-mode: darken;}
.categoryobhver{position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background: #002F57; padding: 40px 20px;
transition: all 0.3s ease-in-out; transform: translateX(-110%);}
.categoryobhver p{color: #FFF;}
.categoryobhver h3{color: #FFF; font-weight: 500; font-size: 30px; line-height: 35px;}
.whteArw{display: flex; align-items: center; justify-content: center; background: #FFF; color: #1D3F98; width: 67px;
height: 67px; border-radius: 100%; bottom: 20px; right: 25px; position: absolute;}
.categoryBxs:hover .categoryobhver{transform: translateX(0);}
.categorylnkPrnt{position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%;}
.service_sldr {margin-right: -11vw;}
.categorySec{overflow: hidden; width: 100%;}

.recipe_control{display: inline-flex; align-items: center; position: absolute; top: -111px; right: 0;}
.recipe_control > div{width: 67px; height: 67px; border: 1px solid #002F57; display: flex; position: static; background: transparent;
align-items: center; justify-content: center; margin: 0; transform: initial; border-radius: 100%; transition: all 0.3s ease-in-out;
color: #002F57;}
.recipe_control .swiper-button-prev, .recipe_control .swiper-buttonNext{margin-right: 5px;}
.recipe_control > div:hover{background: #002F57; color: #FFF;}
.recipe_control .swiper-button-prev::before,
.recipe_control .swiper-buttonNext::before{position: absolute; content: "\e903"; font-family: 'icomoon'; }
.recipe_control .swiper-button-next::before,
.recipe_control .swiper-buttonPrev::before{position: absolute; content: "\e904"; font-family: 'icomoon'; }


.productSec{padding: 175px 0 72px; width: 100%; background: url(assets/images/productElmnt.png) no-repeat bottom left;}
.productSec .container{position: relative;}
.productSlder{width: 100%; padding-left: 115px;}
.productImge{min-height: 520px; background: radial-gradient(93.75% 93.75% at 50% 44.22%, #FFFFFF 0%, #EBF6FF 100%) !important;
padding-top: 18%; text-align: center;}
.productCon{bottom: 15px; left: 15px; right: 15px; background: #FFF; width: auto; padding: 24px 30px; width: auto;
padding: 24px 30px;display: flex;align-items: center;justify-content: space-between;position: absolute;}
.productCon h3{max-width: 350px; color: #002F57; font-weight: 500; font-size: 30px; line-height: 35px;}
.productImge img{transition: all 0.3s ease-in-out;}
.archive .productImge img, .relatedSec .productImge img { padding: 0 50px;}
.productBxs:hover .productImge img{transform: scale(1.04) rotate(3deg);}

.product_control{display: inline-flex; align-items: center; position: absolute; bottom: 240px; left: 12px;}
.product_control > div{width: 67px; height: 67px; border: 1px solid #002F57; display: flex; position: static; background: transparent;
align-items: center; justify-content: center; margin: 0; transform: initial; border-radius: 100%; transition: all 0.3s ease-in-out;
color: #002F57;}
.product_control .product-button-prev, .product_control .product-buttonNext{margin-right: 5px;}
.product_control > div:hover{background: #002F57; color: #FFF;}
.product_control .product-button-prev::before,
.product_control .product-buttonNext::before{position: absolute; content: "\e903"; font-family: 'icomoon'; }
.product_control .product-button-next::before,
.product_control .product-buttonPrev::before{position: absolute; content: "\e904"; font-family: 'icomoon'; }
.productSec .container{position: relative;}

.ethicalSec{width: 100%; background: #01192D;}
.ethicalpnel{padding: 111px 0 166px; width: 100%; background: url(assets/images/ethicalMap.png) no-repeat bottom right;}
.ethicalcon{width: 100%; max-width: 630px; margin-top: 56px;}
.ethicalcon p{color: #FFF;}
.ethicalpnel .pgehding h2{color: #FFF; text-transform: uppercase;}
.ethicalpnel .themeBtn:hover{background: #FFF; color: #002F57;}
.ethicalpnel .themeBtn{margin: 13px 0 0;}
.ethicalpnel .pgehding h2 em{display: block;}
.ethicalpnel .pgehding i{width: 177px; height: 70px; display: inline-flex;}
.ethicalpnel .pgehding i img, .ethicalpnel .pgehding i {border-radius: 50px;}

.testimonialSldr{width: 100%; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;
padding: 25px 0 88px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse;}
.slider-for{max-width: 940px; width: 100%; padding: 0 0 92px;}
.testmoimge figure{width: 118px; height: 118px; position: relative; border-radius: 100%;}
.testmoimge figure > img{width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.testmoTle h3{color: #2D313C; font-size: 22px; line-height: 26px; font-weight: 500; margin: 0 0 4px;}
.testmoTle span{color: #7F8289; font-weight: 500; font-size: 18px; line-height: 23px;}
.testmoimge i{display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #FFF;
width: 45px; height: 45px; background: #1D3F98; position: absolute; bottom: -8px; right: -8px; opacity: 0; visibility: hidden;}
.testimonialSldr .slick-slide{opacity: 0.51; transition: all 0.3s ease-in-out;}
.testmoTle{transition: all 0.3s ease-in-out;}
.testimonialSldr .slick-current {opacity: 1;}
.testmoTle{opacity: 0; visibility: hidden; padding: 37px 0 0;}
.testimonialSldr .slick-current .testmoTle, .testimonialSldr .slick-current.testmoimge i {opacity: 1; visibility: visible;}
.testimonialSldr .slider-nav{max-width: 430px; width: 100%;}

.foterSec{width: 100%;}
.fotertop{background: #01192D; width: 100%; padding: 130px 0 120px; overflow: hidden;}
.foterbtm{background: #1D3F98; width: 100%; padding: 22px 0;}
.foterbtm ul, .foterbtm li a{display: inline-flex; align-items: center;}
.foterbtminr{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.fotertopinr{display: flex; align-items: flex-start; justify-content: space-between;}
.fotertopinr .pgehding h2{color: #FFF;}
.foterlgo{display: inline-flex; margin: 0 0 20px;}
.ftrlnk h3, .ftrinfo h3{color: #FFF; font-weight: 500; font-size: 22px; line-height: 26px; margin: 0 0 20px;}
.ftrlnk ul, .ftrlnk li{display: inline-flex; align-items: center;}
.ftrlnk li a{display: inline-block; color: #FFF; font-weight: 500; font-size: 16px; line-height: 20px;}
.ftrlnk li {padding-right: 21px; margin-right: 21px; position: relative;}
.ftrlnk li::before{position: absolute; content: ""; width: 5px; height: 5px; background: #1D3F98; right: -2.5px;}
.ftrlnk li a:hover, .ftrinfo p a:hover, .foterbtminr p a:hover{text-decoration: underline !important;}
.ftrlnk{margin-top: 65px;}
.ftrinfo ul{display: inline-flex; align-items: center;}
.ftrinfo p{color: #FFF; font-size: 16px; line-height: 21px;}
.ftrinfo p a{color: #FFF;}
.ftrinfo li{margin-right: 42px;}
.ftrinfo li:last-child{margin: 0;}
.ftrinfo .media{align-items: center;}
.ftrinfo .media > span{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #1D3F98;
color: #FFF; margin-right: 12px; border-radius: 100%;}
.ftrlnk li:last-child{padding: 0; margin: 0;}
.ftrlnk li:last-child::before{content: none;}
.ftrtprght{position: relative;}
.ftrtprght::before{position: absolute; content: ""; left: -68px; top: -99%; bottom: -99%; border-left: 1px solid rgba(255, 255, 255, 0.23);}
.foterbtminr p{color: #FFF; font-size: 16px; line-height: 20px;}
.foterbtminr p a{color: #FFF;}
.foterbtminr li a{display: inline-flex; align-items: center; color: #FFF; font-weight: 500; font-size: 18px; line-height: 23px;}
.foterbtminr li span{margin-right: 7px;}
.foterbtminr li {margin-right: 70px;}
.foterbtminr li:last-child{margin: 0;}
.foterbtminr li a:hover{opacity: 0.85;}

.testimonialSldr .slider-nav > button{display: none !important;}
.testimonialSldr .slider-nav .slick-track{display: flex; align-items: flex-start;}
.testimonialSldr .slider-for > button{border: 1px solid #002F57; width: 67px; height: 67px; z-index: 9; left: auto; right: auto;
display: flex; align-items: center; justify-content: center; color: #002F57; font-size: 0; background: transparent; top: auto; transform: initial;
border-radius: 100%; padding: 0; position: absolute; bottom: 0;}
.testimonialSldr .slick-next{margin-left: 73px;}
.testimonialSldr .slick-next::before{position: absolute; content: "\e904"; font-size: 18px; font-family: 'icomoon'; color: inherit;}
.testimonialSldr .slick-prev::before{position: absolute; content: "\e903"; font-size: 18px; font-family: 'icomoon'; color: inherit;}
.testimonialSldr .slider-for > button:hover {background: #002F57; color: #FFF;}
.productSec{overflow: hidden;}
.testimoCon p{color: #002F57; font-weight: 500;}
.productCon h3{margin: 0;}
.testimonialSec{padding-top: 82px;}
.ethicalpnel .pgehding i img{object-fit: cover;}

.headersec.fixed_header{background: #2D313C; padding: 12px 0;}

.breadlnk{width: 100%; padding: 44px 0;}
.widget_breadcrumb_navxt ol { padding-left: 0px !important; text-transform: capitalize;}
.breadlnk ul, .breadlnk li, .breadlnk li#breadcrumbs span span{display: inline-flex; align-items: center;}
.breadlnk li, .breadlnk li#breadcrumbs span span{position: relative; color: #002F57; font-weight: 400; font-size: 18px; line-height: 23px;
padding-right: 14px; margin-right: 14px;}
.breadlnk li a, .breadlnk li#breadcrumbs span span a{color: #002F57;}
.breadlnk li:last-child, .breadlnk li#breadcrumbs span span:last-child{font-weight: 500; padding: 0; margin: 0;}
.breadlnk li::before, .breadlnk li#breadcrumbs span span:before{width: 6px; height: 9px; position: absolute; content: ""; background: url(assets/images/caretIcn.png) no-repeat 0 0;
right: -3px;}
.breadlnk li:last-child{padding: 0; margin: 0;}
.breadlnk li:last-child::before, .breadlnk li#breadcrumbs span span:last-child:before{content: none;}
.detilsImg{width: 100%; background: radial-gradient(65.13% 65.13% at 50% 50%, #FFFFFF 0%, #F7FCFF 100%);
border: 1px solid #E9E9E9; min-height: 750px; display: flex; align-items: center; justify-content: center;}
.detailsCon .themeBtn{margin-top: 35px;}
.detailsCon ul{display: inline-block;}
.detailsCon li{display: flex; align-items: flex-start; margin: 0 0 15px;}
.detailsCon li strong{color: #002F57; font-weight: 500; font-size: 18px; line-height: 23px; text-transform: capitalize; 
letter-spacing: normal; width: 100%; display: inline-block; max-width: 210px;}
.detailsCon li p{line-height: 26px;}
.detailsCon li:last-child{margin: 0;}
.detailSec .pgehding h2{margin: 0 0 27px;}
.detailsCon{padding-left: 75px;}

.relatedSec{padding: 120px 0 130px; width: 100%;}
.relatdSlder .productImge img{display: inline-block !important; max-width: 507px !important;}
.relatdSlder {margin-top: 40px;}
.relatedSec .productImge {min-height: 600px;}
.relatedSec .owl-nav{display: inline-flex !important; align-items: center; position: absolute; right: 0; top: -111px;}
.relatedSec .owl-nav button{border: 1px solid #002F57 !important; width: 67px; height: 67px; display: flex;
align-items: center; justify-content: center; border-radius: 100%; color: #002F57 !important;}
.relatdSlder .owl-prev{margin-right: 14px;}
.relatedSec .owl-nav button span{display: none;}
.relatedSec .owl-prev::before {position: absolute;content: "\e903";font-family: 'icomoon';}
.relatedSec .owl-next::before {position: absolute;content: "\e904";font-family: 'icomoon';}
.relatedSec .owl-nav button:hover{background: #002F57 !important; color: #FFF !important;}
.relatedSec .owl-dots{display: none;}


.detilsImg.defult_image {
    min-height: auto;
    padding: 10px;
}

.detailSec.relatedSec .ftrinfo ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: inherit;
    flex-wrap: wrap;
}

.detailSec.relatedSec .ftrinfo ul li {
    width: calc(33.33% - 15px);
    margin-right: 0;
    padding: 28px;
    border: 1px solid #1d3f98;
    border-radius: 10px;
    /* align-items: center; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.detailSec.relatedSec .ftrinfo ul li .media {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.detailSec.relatedSec .ftrinfo ul li .media span {
    margin-right: 0;
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
    font-size: 20px;
}

.detailSec.relatedSec .ftrinfo ul li .media .media-object {
    width: 100%;
    text-align: center;
}

.detailSec.relatedSec .ftrinfo ul li .media .media-object p, 
.detailSec.relatedSec .ftrinfo ul li .media .media-object a {
    color: #2d313c ;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.detailSec.relatedSec .ftrinfo ul li .media .media-object a:hover {
    color: #1d3f98 !important;
}


.row.margin-top {
    margin-top: 40px;
}

.Contact-form .bx-item {
    position: relative;
    margin-bottom: 20px;
}

.Contact-form .bx-item i {
    position: absolute;
    z-index: 99;
    top: 24px;
    left: 10px;
    font-size: 16px;
    color: #1D3F98;
}

.Contact-form .bx-item span {
    width: 100%;
    display: inline-block;
    position: relative;
}

.Contact-form .bx-item span input, .Contact-form .bx-item textarea {
    width: 100%;
    height: 60px;
    padding: 10px 10px 10px 40px;
    border-radius: 5px;
    border: 1px solid #1D3F98;
    font-size: 18px;
}

.Contact-form .bx-item textarea {
    height: 120px;
    resize: none;
}

.Contact-form .bx-item input[type="submit"] {
    font-size: 18px;
    background: #1D3F98;
    padding: 16px 50px;
    color: #fff;
    border-radius: 5px;
}

.Contact-form .bx-item span.wpcf7-spinner {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 20px;
}

.Contact-form .bx-item br {
    display: none;
}

.Contact-form .bx-item input[type="submit"]:hover {
    background: #000;
}

.Contact-form .bx-item i.icon-pencil {
    top: 19px;
}




::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.map iframe {
    width: 100%;
    height: 372px;
}

.Contact-form .bx-item span input:focus-visible, .Contact-form .bx-item textarea:focus-visible {
    border: 1px solid #1D3F98;
    box-shadow: none;
    outline: none;
}

.testimonialSldr .slick-current i {
    opacity: 1;
    visibility: visible;
}

.mb-30 { margin-bottom:30px;}

.productBxs { position: relative;}

.mb-45 {
    margin-bottom: 45px;
}

.inner_blog_form section {
    background: #cddbff;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px;
}

.inner_blog_form section h2 {
    color: #002F57;
    font-weight: 500;
    letter-spacing: -0.32px;
    font-size: 30px;
    line-height: 37px;
}

.inner_blog_form section ul li {
    font-size: 18px;
    line-height: 30px;
    /* color: #002F57; */
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.inner_blog_form section ul li:before {
    content: "\e904";
    font-family: 'icomoon' !important;
    background: #002F57;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
}

.inner_blog_form section ul li a {
    color: #002f57;
}

.inner_blog_form section ul li a:hover {
    color: #1d3f98;
}

.product__slider-main {
  margin-bottom: 15px;
  border: 1px solid #ccc;
  padding:30px 0;
}
.product__slider-main img {
  margin: 0 auto;

}
.product__slider-thmb img {
	border: 1px solid #ccc;
	padding: 10px;
}
.product__slider-thmb .slick-slide {
	opacity: 0.5;
    transition: all .3s ease;
}

.product__slider-thmb .slick-slide.slick-active, .product__slider-thmb .slick-slide:hover {
	opacity: 1;
}

.product__slider-main, .product__slider-thmb {
    display: none;
}




@media screen and (min-width:1600px) {
    .container {
        max-width: 1560px;
    }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .productImge {
        min-height: 530px;
    }
    .product_control {
        bottom: 260px;
    }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .productImge {
        min-height: 660px;
    }
    .product_control {
        bottom: 390px;
    }
    .blogSec .row,
    .askedSec .row {
        margin: 0 -12px;
    }
    .blogSec .row>div,
    .askedSec .row>div {
        padding: 0 12px;
    }
}

@media only screen and (max-width: 1599px) {
    .blogSec .row, .askedSec .row {margin: 0 -35px;}
.blogSec .row > div, .askedSec .row > div {padding: 0 35px;}
p {font-size: 16px;line-height: 28px;}
.themeBtn {height: 55px;font-size: 16px;line-height: 20px;padding: 0 40px;}
.pgehding h2 {font-size: 60px;line-height: 66px;}
.headersec {padding: 24px 0;}
ul.slimmenu > li > a {font-size: 16px; line-height: 20px;}
ul.slimmenu > li {margin-right: 45px;}
.bnrtxtinr h1 {font-size: 68px;line-height: 74px;max-width: 800px;}
.cuntertxt h3 {font-size: 70px; line-height: 75px;}
.cuntertxt p {font-size: 16px;line-height: 20px;}
.counterSec {padding: 53px 0;}
.categoryCon h3, .categoryobhver h3, .blogCon h3 {font-size: 25px; line-height: 30px;}
.categoryCon {padding: 30px;}
.recipe_control > div, .product_control > div {width: 58px; height: 58px; font-size: 14px !important;}
.recipe_control {top: -101px;}
.whteArw {width: 58px; height: 58px; right: 20px;}
.categorySec {padding: 95px 0 110px;}
.abtnmber h3 {font-size: 135px; line-height: 135px;}
.abtnmber strong, .productCon h3 {font-size: 25px; line-height: 30px;}
.aboutpnl h4 {font-size: 17px; line-height: 25px;}
.aboutimge {max-width: 465px; margin-right: 65px;}
.abtnmber {max-width: 395px;}
.aboutSec .pgehding {padding-left: 395px;}
.productCon {padding: 20px 25px;}
.productCon h3 {max-width: 260px;}
.productSec {padding: 107px 0 60px; background-size: 550px;}
.productSec .row > div.col-lg-4{width: 35%;}
.productSec .row > div.col-lg-8{width: 65%;}
.productSlder {padding-left: 66px;}
.productImge {min-height: 600px; padding-top: 18%;}
.product_control {bottom: 340px;}
.slider-for {max-width: 870px; padding: 0 0 87px;}
.testimonialSldr .slider-for > button{width: 58px; height: 58px;}
.testimonialSldr .slick-prev::before, .testimonialSldr .slick-next::before {font-size: 15px;}
.ethicalpnel {padding: 90px 0 130px; background-size: 800px;}
.testmoimge figure {width: 106px; height: 106px;}
.testmoimge i {width: 38px;height: 38px;bottom: -3px;right: -3px;font-size: 13px;}
.testmoTle h3 {font-size: 20px;line-height: 24px;margin: 0 0 2px;}
.testmoTle span {font-size: 16px; line-height: 20px;}
.testmoTle {padding: 28px 0 0;}
.testimonialSldr .slider-nav {max-width: 376px;}
.testimonialSldr {padding: 25px 0 72px;}
.testimonialSec {padding-top: 72px;}
.redlnk {font-size: 16px; line-height: 20px;}
.blogCon h3 {margin: 0 0 33px;}
.blogCon {padding: 37px 0 18px;}
.blogSec {padding: 105px 0 66px;}
.askedSec {padding: 91px 0;}
.fotertop {padding: 100px 0;}
.foterbtminr li a {font-size: 16px;line-height: 22px;}
.ftrtprght::before {left: -55px;}

.inrBner .bnrtxt {bottom: 60px;}
.detailsCon {padding-left: 45px;}
.relatedSec {padding: 95px 0;}
.relatedSec .productImge {min-height: 500px;}
.relatedSec .owl-nav button {width: 60px; height: 60px;}
.relatedSec .owl-nav {top: -103px;}
.breadlnk {padding: 38px 0;}
    .Contact-form .bx-item span input, .Contact-form .bx-item textarea,
    .detailSec.relatedSec .ftrinfo ul li .media .media-object p, 
    .detailSec.relatedSec .ftrinfo ul li .media .media-object a {
        font-size: 16px;
        line-height: 28px;
    }
    .Contact-form .bx-item input[type="submit"] {
        font-size: 16px;
    }
    
}

@media only screen and (max-width: 1399px) {
    p {font-size: 15px;line-height: 26px;}
.pgehding h2 {font-size: 50px;line-height: 55px;}
.pgehding strong {font-size: 16px;line-height: 20px;}
.themeBtn {height: 49px;font-size: 15px;line-height: 20px;padding: 0 34px;}
.headersec {padding: 20px 0;}
ul.slimmenu > li > a {font-size: 15px;line-height: 20px;}
ul.slimmenu > li {margin-right: 37px;}
.hdrlgo {max-width: 248px;}
.bnrtxt {bottom: 65px;}
.bnrtxtinr h1 {font-size: 55px;line-height: 60px;max-width: 650px;}
.categorySec {padding: 80px 0;}
.productSec {padding: 85px 0 55px;background-size: 400px;}
.testimonialSec {padding-top: 66px;}
.testimonialSldr {padding: 23px 0 60px;}
.testimonialSldr .slider-for > button, .recipe_control > div, .product_control > div {width: 54px;height: 54px;}
.testimonialSldr .slick-next {margin-left: 64px;}
.askedSec {padding: 77px 0;}
.fotertop {padding: 78px 0;}
.foterbtm {padding: 18px 0;}
.blogSec {padding: 79px 0 60px;}
.ethicalpnel {padding: 70px 0px 100px;background-size: 650px;}
.categoryCon h3, .categoryobhver h3, .blogCon h3 {font-size: 23px;line-height: 28px;}
.ftrlnk li a {font-size: 15px; line-height: 20px;}
.ftrinfo p {font-size: 15px;line-height: 20px;}
.ftrinfo li {margin-right: 27px;}
.foterlgo {margin: 0 0 17px; max-width: 240px;}
.ftrlnk {margin-top: 50px;}
.ftrtprght::before {left: -40px;}
.foterbtminr li a {font-size: 15px; line-height: 20px;}
.foterbtminr li {margin-right: 70px;}
.blogSec .row, .askedSec .row {margin: 0 -25px;}
.blogSec .row > div, .askedSec .row > div {padding: 0 25px;}
.askedacdian .accordion-item > button {font-size: 20px;line-height: 25px;padding: 23px;padding-right: 35px;}
.askedacdian .accordion-item > button::before {right: 15px;}
.blogDte h4 {font-size: 25px; line-height: 30px; margin: 0 10px 0 0; padding: 0 10px 0 0;}
.blogDte {top: 23px;left: 23px;padding: 8px 13px;min-height: 55px;}
.blogBtn {top: 48px;}
.ethicalpnel .pgehding i {width: 150px; height: 63px;}
.ethicalcon {max-width: 550px; margin-top: 45px;}
.cuntertxt h3 {font-size: 60px;line-height: 65px;}
.cuntertxt p {font-size: 15px;line-height: 20px;}
.abtnmber h3 {font-size: 108px;line-height: 108px;}
.abtnmber strong, .productCon h3 {font-size: 23px;line-height: 28px;}
.abtnmber {max-width: 325px;}
.aboutSec .pgehding {padding-left: 325px;}
.aboutimge {max-width: 385px;margin-right: 50px;}
.categoryCon {padding: 25px;}
.categoryImge {min-height: 370px; padding: 45px 30px 0;}
.recipe_control {top: -95px;}
.productSlder {padding-left: 21px;}
.productImge {min-height: 430px;padding: 50px 50px 0;}
.product_control {bottom: 220px;}
.slider-for {max-width: 700px;padding: 0px 0 80px;}

.detailsCon {padding-left: 15px;}
.breadlnk {padding: 30px 0;}
.detilsImg {min-height: 685px; padding: 50px;}
.relatedSec .owl-nav button {width: 55px;height: 55px; font-size: 14px !important;}
.relatdSlder .owl-prev {margin-right: 12px;}

    .Contact-form .bx-item span input, .Contact-form .bx-item textarea, 
    .detailSec.relatedSec .ftrinfo ul li .media .media-object p, 
    .detailSec.relatedSec .ftrinfo ul li .media .media-object a {
        font-size: 15px;
        line-height: 26px;
    }
    .Contact-form .bx-item input[type="submit"] {
        font-size: 15px;
    }
    .archive .productImge img, .relatedSec .productImge img {
    padding: 0px;
}
.relatedSec .productImge {
        min-height: 400px;
    }
    
    .single-product .detailSec .pgehding h2 {
    margin: 0 0 20px;
}
}

@media only screen and (max-width: 1199px) {
    .aboutpnl h4 {font-size: 16px;line-height: 24px;}
.pgehding h2 {font-size: 42px; line-height: 50px;}
.pgehding strong {font-size: 15px;line-height: 20px;}
.categoryCon h3, .categoryobhver h3, .blogCon h3 {font-size: 21px;line-height: 27px;}
.redlnk {font-size: 15px;line-height: 20px;}
.blogCon h3 {margin: 0 0 25px;}
.blogCon {padding: 27px 0 17px;}
.themeBtn {height: 45px;font-size: 14px;line-height: 20px;padding: 0 28px;}
.headersec {padding: 16px 0;}
.hdrlgo {max-width: 195px;}
ul.slimmenu > li {margin-right: 30px;}
.bnrtxtinr h1 {font-size: 45px; line-height: 50px; max-width: 520px;}
.bnrtxt {bottom: 45px;}
.categorySec {padding: 70px 0;}
.testimonialSldr .slider-for > button, .recipe_control > div, .product_control > div {width: 48px;height: 48px;}
.recipe_control {top: -89px;}
.abtnmber h3 {font-size: 80px;line-height: 80px;}
.abtnmber strong, .productCon h3 {font-size: 20px;line-height: 25px;}
.abtnmber {max-width: 260px;}
.aboutSec .pgehding {padding-left: 260px;}
.aboutimge {max-width: 320px; margin-right: 40px;}
.cuntertxt h3 {font-size: 50px;line-height: 55px;}
.counterSec {padding: 40px 0;}
.productSec {padding: 70px 0 50px;background-size: 350px;}
.testimonialSec {padding-top: 55px;}
.testimonialSldr {padding: 20px 0 45px; flex-direction: column-reverse; align-items: center;}
.testimonialSldr .slider-nav {max-width: 376px;}
.slider-for {max-width: 100%; padding: 20px 0 70px; text-align: center;}
.testimonialSec .pgehding{text-align: center;}
.testimonialSldr .slider-for > button{left: 50%; transform: translateX(-50%);}
.testimonialSldr .slick-next {margin-left: 30px;}
.testimonialSldr .slick-prev {margin-left: -30px;}
.ethicalpnel {padding: 70px 0px;background-size: 550px;}
.ethicalpnel .pgehding i {width: 115px;height: 50px;}
.blogSec .row, .askedSec .row {margin: 0 -20px;}
.blogSec .row > div, .askedSec .row > div {padding: 0 20px;}
.blogSec, .askedSec {padding: 70px 0;}
.askedacdian .accordion-item > button {font-size: 17px;line-height: 24px;padding: 20px;padding-right: 30px;}
.askedacdian .accordion-item {margin: 0 0 15px;}
.fotertop {padding: 60px 0;}
.ftrlnk li a, .ftrinfo p, .foterbtminr li a, .foterbtminr p {font-size: 14px;line-height: 20px;}
.ftrinfo li {margin-right: 15px;}
.ftrtprght::before {left: -25px;}
.foterbtminr li {margin-right: 50px;}

.breadlnk li, .breadlnk li#breadcrumbs span span {font-size: 16px;line-height: 20px;padding-right: 12px;margin-right: 12px;}
.detailsCon {padding-left: 0;}
.detailsCon li strong {font-size: 16px;line-height: 22px;max-width: 180px;}
.relatedSec .productImge {min-height: 370px;}
.relatedSec .owl-nav {top: -93px;}
.relatedSec {padding: 76px 0;}
.productImge { min-height: 380px; }
.product_control { bottom: 200px; }
}

@media only screen and (max-width: 991px) {
    .collapse-button {
        right: 0px;
        background: transparent !important;
        border-radius: 0px;
        padding: 0px;
        width: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .collapse-button .icon-bar {
        background: #383632;
        height: 3px;
        border-radius: 5px;
        width: 27px;
        margin: 3px 0;
        transition: all 0.45s ease-in-out;
    }
    .collapse-button .icon-bar:first-child {
        margin-top: 0;
        width: 22px;
    }
    .collapse-button .icon-bar:last-child {
        margin-bottom: 0;
        width: 22px;
    }
    ul.slimmenu {
        background: #383632;
        position: fixed;
        top: 0;
        flex-wrap: initial;
        right: -82%;
        height: 100vh !important;
        width: 80%;
        z-index: 999;
        padding: 100px 20px 20px;
        transition: all 0.45s ease-in-out;
        overflow: auto;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
    }
    body.sideMenu {
        overflow: hidden;
    }
    .menuOvrly {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.92);
        z-index: 99;
        transition: all 0.45s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }
    .sideMenu .menuOvrly {
        opacity: 1;
        visibility: visible;
    }
    .sideMenu ul.slimmenu {
        right: 0;
    }
    ul.slimmenu>li {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        transition: all 0.75s ease-in-out;
        padding: 5px 0;
        padding-left: 65px;
    }
    ul.slimmenu>li>a {
        padding: 10px 0;
        color: #FFF;
        border: 0 !important;
    }
    ul.slimmenu>li:last-child {
        border: 0;
    }
    ul.slimmenu li .sub-toggle {
        background: transparent;
        height: 43px !important;
        width: 43px;
        display: flex;
        top: 5px;
        align-items: center;
        justify-content: center;
    }
    .sideMenu ul.slimmenu>li {
        padding-left: 0px;
        margin: 0;
    }
    .closeMenu {
        position: absolute;
        right: 82%;
        top: 20px;
        width: 32px;
        height: 32px;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transform: rotate(-25deg);
        transition: all 0.45s ease-in-out;
        transition-delay: 0.2s;
    }
    .closeMenu::before,
    .closeMenu::after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333;
    }
    .closeMenu::before {
        transform: rotate(45deg);
    }
    .closeMenu::after {
        transform: rotate(-45deg);
    }
    .sideMenu .closeMenu {
        transform: rotate(0deg);
        opacity: 1;
        visibility: visible;
    }
    ul.slimmenu>li>a:hover {
        padding-left: 8px;
        opacity: .6;
    }
    ul.slimmenu li .sub-toggle i {
        display: none;
    }
    ul.slimmenu li .sub-toggle::before {
        content: none;
    }
    ul.slimmenu li .sub-toggle::after {
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
        border-top: solid 6px #fff;
        height: 0;
        width: 0;
        position: absolute;
        content: "";
    }
    ul.slimmenu.collapsed li>ul {
        width: 100%;
        background: #FFF;
        float: left;
    }
    ul.slimmenu.collapsed li>ul>li {
        background: transparent;
    }
    ul.slimmenu.collapsed li>ul>li>a {
        padding: 10px 12px;
        color: #383632;
        text-transform: capitalize;
    }
    ul.slimmenu.collapsed li>ul>li i {
        display: none;
    }
    .pgehding h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .pgehding h2 br {
        display: none;
    }
    .pgehding {
        text-align: center;
    }
    .blogSec,
    .askedSec {
        padding: 50px 0;
    }
    .askedimge {
        margin-top: 24px;
    }
    .fotertop {
        padding: 50px 0;
    }
    .fotertopinr {
        align-items: center;
        flex-direction: column;
    }
    .ftrtprght {
        padding: 25px 0 0;
    }
    .ftrtprght::before {
        content: none;
    }
    .ftrlnk {
        margin-top: 30px;
        text-align: center;
    }
    .ftrlnk ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .ftrinfo h3 {
        text-align: center;
    }
    .ftrinfo ul {
        width: 100%;
        justify-content: space-between;
    }
    .ftrinfo,
    .ftrtprght {
        width: 100%;
    }
    .ftrinfo li {
        margin: 0;
    }
    .foterbtminr li {
        margin-right: 20px;
    }
    .foterbtm {
        padding: 16px 0;
    }
    .blogSec .row,
    .askedSec .row {
        margin: 0 -12px;
    }
    .blogSec .row>div,
    .askedSec .row>div {
        padding: 0 12px;
    }
    .categoryCon h3,
    .categoryobhver h3,
    .blogCon h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .blogCon {
        padding: 20px 0 15px;
    }
    .blogCon h3 {
        margin: 0 0 18px;
    }
    .blogDte h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .blogDte p {
        font-size: 14px;
        line-height: 19px;
    }
    .blogDte {
        top: 15px;
        left: 15px;
        padding: 5px 10px;
        min-height: 50px;
    }
    .blogBxs {
        margin-top: 29px;
    }
    .blogBtn {
        position: static;
        margin: 24px 0 0;
        text-align: center;
    }
    .ethicalpnel .pgehding i {
        display: none;
    }
    .ethicalcon {
        max-width: 100%;
        margin-top: 20px;
    }
    .ethicalpnel {
        padding: 50px 0px;
        background-size: 450px;
        background-position: bottom center;
    }
    .testimonialSec {
        padding-top: 50px;
    }
    .productSlder {
        padding: 35px 0 0;
    }
    .productSec .row>div.col-lg-4,
    .productSec .row>div.col-lg-8 {
        width: 100%;
    }
    .productSec {
        padding: 50px 0;
        background-size: 300px;
    }
    .cuntertxt {
        margin-top: 30px;
    }
    .counterSec {
        padding: 5px 0 35px;
    }
    .headersec {
        background: #2D313C;
        padding: 12px 0;
    }
    .hderinr .themeBtn {
        padding: 0 23px;
        margin-right: 50px;
    }
    .hderinr .themeBtn span {
        margin: 0 8px 0 0;
        font-size: 14px;
    }
    .collapse-button .icon-bar {
        background: #FFF;
    }
    .bannerSec {
        margin-top: 69px;
    }
    .bnrtxtinr h1 {
        font-size: 35px;
        line-height: 40px;
        max-width: 100%;
        margin: 0 0 15px;
    }
    .bnrtxtinr {
        align-items: center;
        text-align: center;
        flex-direction: column;
        max-width: 600px;
        margin: 0 auto;
    }
    .bnerRgt {
        max-width: 100%;
    }
    .categorySec {
        padding: 50px 0;
    }
    .aboutpnl {
        padding: 25px 0 0;
        flex-direction: column;
    }
    .abtnmber h3 {
        font-size: 70px;
        line-height: 70px;
        margin: 0 0 6px;
    }
    .aboutpnl .media {
        padding: 20px 0 0;
    }
    .aboutSec .pgehding {
        padding-left: 0;
    }
    .recipe_control,
    .product_control {
        position: static;
        margin: 23px 0 0;
        justify-content: center;
        width: 100%;
    }
    .detilsImg {
        min-height: auto;
    }
    .detailsCon {
        text-align: left;
        padding: 27px 0 0;
    }
    .relatedSec {
        padding: 55px 0;
    }
    .relatedSec .owl-nav button {
        width: 48px;
        height: 48px;
        font-size: 13px !important;
    }
    .relatedSec .owl-nav {
        position: static;
        padding: 25px 0 0;
        justify-content: center;
        width: 100%;
    }
    .relatdSlder {
        margin-top: 28px;
    }
    .breadlnk {
        padding: 26px 0;
    }
    
    footer.foterSec .foterbtminr {
        flex-direction: column;
    }
    footer.foterSec .foterbtminr ul {
        margin-bottom: 10px;
    }
    .productImge { min-height: 400px; }
    
}

@media only screen and (max-width: 767px) {
    .animated {
        -webkit-animation-duration: initial;
        animation-duration: initial;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
    }
    .bnrtxt {
        bottom: 30px;
    }
    .bnrtxtinr h1 {
        font-size: 30px;
        line-height: 35px;
        max-width: 100%;
        margin: 0 0 13px;
    }
    .categorySec,
    .productSec,
    .ethicalpnel,
    .blogSec,
    .askedSec {
        padding: 40px 0;
    }
    .aboutSec {
        padding: 0 0 40px;
    }
    .testimonialSec {
        padding-top: 40px;
    }
    .testimonialSldr {
        padding: 22px 0 40px;
    }
    .foterbtminr {
        flex-direction: column;
        text-align: center;
    }
    .foterbtm ul {
        padding: 0 0 10px;
    }
    .foterbtm {
        padding: 14px 0;
    }
    .fotertop {
        padding: 35px 0;
    }
    .ftrinfo li:first-child {
        width: 100%;
        padding: 0 0 15px;
    }
    .ftrinfo ul {
        flex-wrap: wrap;
    }
    .ftrinfo li {
        width: auto;
    }
    .ftrinfo li br {
        display: none;
    }
    .blogSec .row>div {
        width: 100%;
    }
    .productCon {
        padding: 15px;
    }
    .abtnmber strong,
    .productCon h3 {
        font-size: 17px;
        line-height: 23px;
    }
    .productImge {
        min-height:280px;
        padding: 35px 50px 0;
    }
    .productSec {
        background-size: 250px;
    }
    .aboutpnl .media {
        display: inline-block;
    }
    .aboutimge {
        max-width: 100%;
        margin: 0 0 23px;
    }
    .relatedSec {
        padding: 40px 0;
    }
    .detailSec.relatedSec .ftrinfo ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .page-template-Page-Contact .row.mt-5 {
       margin-top: 15px !important;
    }
    footer.foterSec .foterbtminr ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }
    .relatedSec .productImge {
        min-height: 300px;
    }
    .owl-carousel .owl-item .item { margin: 0 5px;}
    
}

@media only screen and (max-width: 575px) {
    .hderinr .themeBtn {
        font-size: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hderinr .themeBtn span {
        margin: 0;
    }
    .bannerSec {
        margin-top: 68px;
    }
    .bnrtxtinr h1 {
        font-size: 25px;
        line-height: 28px;
        margin: 0 0 10px;
    }
    .service_sldr {
        margin: 0;
    }
    .categorySlder {
        margin-top: 30px;
    }
    .pgehding h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .ftrlnk li {
        padding-right: 17px;
        margin-right: 17px;
    }
    .breadlnk ul {
        flex-wrap: wrap;
    }
    .detailsCon li strong {
        max-width: initial;
        padding-right: 20px;
        width: auto;
    }
    .detailsCon li p {
        flex: 1;
    }
    .detailSec.relatedSec .ftrinfo ul li .media span {
        margin-right: 0;
        margin-bottom: 15px;
        width: 55px;
        height: 55px;
        font-size: 17px;
    }
    .productImge, .relatedSec .productImge {
        min-height:340px; }
}

@media only screen and (max-width: 480px) {
    .bnrimg>img {
        height: 300px;
    }
    .hderinr .themeBtn {
        margin-right: 40px;
    }
    .ftrinfo li {
        width: 100%;
        margin: 15px 0 0 !important;
        padding: 0 !important;
    }
    .ftrinfo li:first-child {
        margin: 0 !important;
    }
    .askedacdian .accordion-item>button {
        font-size: 16px;
        line-height: 23px;
        padding: 15px;
        padding-right: 25px;
    }
    .askedacdian .accordion-item>button::before {
        right: 7px;
    }
    .ethicalpnel {
        background-size: 300px;
    }
    .testmoimge figure {
        width: 86px;
        height: 86px;
    }
    .testmoimge i {
        width: 30px;
        height: 30px;
        bottom: -2px;
        right: -2px;
        font-size: 11px;
    }
    .detailsCon li strong {
        max-width: 160px;
        padding-right: 10px;
        width: 160px;
    }
    .detailSec.relatedSec .ftrinfo ul li {
        padding: 15px !important;
    }
}