*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Bai Jamjuree", sans-serif;
}
:root{
    --site-blue:#2368B9;
    --site-blue-light:#2A7EE1;
    --site-orange:#FFA500;
}

.d-grid{display: grid;}
.px-20{
    padding-right: 20px;
    padding-left: 20px;
}
.site-container{
    max-width: 1600px;
    margin: 0 auto;
}
.py-100{
    padding-top: 100px;
    padding-bottom: 100px;
}
.py-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.pb-100{padding-bottom: 100px;}
.pb-50{padding-bottom: 50px;}
.mb-50{margin-bottom: 50px;}

.home .main.full { margin-top: 00px; }

.heroCarousal-UspHome{ background:#f5f5f5; padding:50px 2% 0 2%; }
.heroCarousal-category{ display:flex; }
.heroCarousal-slider{ width:68%; padding-right:2%; }
.categoryBig *{ transition:all ease 0.5s; }
.categoryBig{ width:32%; background:url(../img/nanny-cameras-bg.png) no-repeat center center; background-size:cover; position:relative; border-radius:15px;  }
.categoryBigContent{ position:absolute; text-align:center; top:20px; width:100%; padding:0 15px; }
.nannyShopButton{ padding-bottom:50px; }
.categoryBigContent a{ width:100%; display:block; }
.categoryBigContent h3{ font-size:50px; color:#fff; font-weight:700; margin:17px 0 0; }
.categoryBigContent .underline-btn a{ color:#fff; }
.categoryBigContent .underline-btn a:before{ background:#fff; bottom:1px; }
.categoryBig:hover .categoryBigContent h3{ color:#000; }
.categoryBig:hover img{ transform:scale(1.05); }

.heroCarousal-slider .heroCarousel { overflow:hidden; }
.heroCarousel-slide .heroCarousel-image-wrapper { max-height: inherit; height: auto; }
.heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper img{ border-radius:15px; }
.heroCarousel .slick-dots{ bottom:60px; width:150px; text-align:left; left:6%; }
.heroCarousel .slick-dots li{ margin:0 5px; }
.heroCarousel .slick-dots li button{ border:0; background:#fff; }
.heroCarousel .slick-dots li button::before{ left:0; top:0; } 
.heroCarousel .slick-dots li, 
.heroCarousel .slick-dots li button, 
.heroCarousel .slick-dots li button::before{ width:10px; height:10px; }
.heroCarousel .slick-dots li.slick-active button, .heroCarousel .slick-dots li.slick-active{ width:40px; border-radius:5px;  }
.heroCarousel .slick-dots li.slick-active button::before, .heroCarousel .slick-dots li.slick-active button{ background:#FFA500; }
.slick-dotted.slick-slider li.slick-active { border-color: #fff; }

.USPHome{ max-width:1600px; padding:0 10px; margin:0 auto; }
.USPHome ul{ margin:0; padding:60px 0; display:flex; align-items:center; }
.USPHome ul li{ list-style:none; border-right:solid 1px #D9D9D9; padding:15px 0; width:100%; display:flex; align-items: center; justify-content: center; }
.USPHome ul li:last-child { border:0; }
.USPHome ul li span{ vertical-align:middle; display:inline-block; padding-left:15px; font-size:18px; color:#000; }
.icon_img-wrap{ height: 55px; overflow: hidden; }
.icon_img-wrap .icon_img { display: flex; flex-direction: column; gap: 5px; transition: all .5s ease; }
.USPHome li:hover .icon_img { transform: translateY(-55px); }
.USPHome li .hover_icon path{ fill:#FFA500; }




.collection-row{grid-template-columns:repeat(2,1fr);gap:40px}
.collection-item{background-color:var(--cbg-color);border-radius:20px;padding:100px 0 100px 80px;position:relative; min-height:310px;}
.collection-details h2{font-size:30px;font-weight:700;line-height:normal;color:#000;margin-bottom:15px; margin-top:0;}
.collection-details p{font-size:16px;font-weight:400;line-height:23px;color:#000;max-width:219px;margin-bottom:15px;min-height:46px}
.underline-btn a{color:var(--site-blue);font-weight:700;font-size:16px;text-decoration:unset;transition:all .5s ease;position: relative;}
.underline-btn a:before { content: ''; height: 1px;  width: 100%;background: var(--site-blue); position: absolute; bottom: 5px;}
.underline-btn:hover a:before {background: linear-gradient(270deg, #FFA500 0%, #0A4D9A 100%);}
.underline-btn{display:inline-flex;align-items:center;gap:10px;transition:all .5s ease}
.underline-btn svg{transform:scale(0);transition:all .5s ease}
.underline-btn:hover a{background:linear-gradient(270deg,orange 0,#0a4d9a 100%);background-clip:text;transition:all .5s ease;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .5s ease}
.underline-btn:hover{transform: translateX(-15px);transition: all .5s ease;}
.underline-btn:hover svg{transform: scale(1);}
.collection-img{position:absolute;bottom:50%; transform:translateY(50%);right:60px;display:inline-block}
.collection-item .collection-img img{transition: all .5s ease;}
.collection-item:hover .collection-img img{transform:scale(1.05);transition:all .5s ease}
.collection-item .collection-details{position:absolute; top:50%; transform:translateY(-50%); width:100%; max-width:45%;}

/*night vision css*/
.night-vision-wrapper{background:url(../img/gradient-bg.png) no-repeat center/cover;padding-top:55px;padding-bottom: 48px;}
.night-vision-row{display:flex;align-items:center}
.night-vision-detrails{max-width:670px}
.night-vision-banner{max-width:484px;margin-left:132px}
.night-vision-icons{max-width:145px;margin-left:auto;margin-right:62px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:45px}
.night-vision-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
.night-vision-icon:nth-child(3){gap:15px}
.night-vision-icon:nth-child(4){gap:18px}
.night-vision-icons h3{color:#fff;font-size:20px;font-weight:600;line-height:normal;margin:0}

.night-vision-detrails{color:#fff}
.night-vision-detrails h2{color:#fff;font-size:90px;font-weight:700;line-height:normal;margin-bottom:21px}
.night-vision-detrails h3{font-size:35px;font-style:normal;font-weight:600;line-height:normal;margin:0;color:#fff}
.night-vision-detrails p{color:#fff;font-size:20px;font-weight:400;line-height:27px;margin-bottom:45px;max-width:570px}


/**/
.camera-collection-row{grid-template-columns:1fr 1fr;gap:50px}
.camera-collection {
    background-color: var(--ccbg-color);
    border-radius: 20px;
    padding: 20px 0 55px 34px;
    position: relative;
    overflow: hidden;
}
.c-collection-detail {
    max-width: 365px;
}
.c-collection-detail h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: var(--site-orange);
    margin-bottom: 15px;
}
.c-collection-detail p {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    max-width: 340px;
    margin-bottom: 20px;
}
.camera-collection:nth-child(2) .c-collection-detail p { max-width: 304px;}
.white-text-btn a { color: #ffffff;}
.white-text-btn a:before { background-color: #fff;}
.camera-collection-img {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
}
.tab-img{display: none;}
.camera-collection-img img { height: 100%;transition: all .5s ease;}
.camera-collection:hover img { scale: 1.05;transition: all .5s ease;}

.productSliderHome.featuredProductSlider{ background:#F5F5F5 url(../img/featured-product-bg.png) no-repeat center right; padding:70px 0 80px; }
.productSliderHome.featuredProductSlider section.productCarousel{ margin:0; }
.featuredProductSlider h2.page-heading.showcase-products{ text-transform:none; font-size:35px; color:#000; margin:0 0 25px; }

.categoryProductSlider .productGrid .product{ width:33.33%; }
.categoryProductSlider .categoryProductSliderTitle{ border-bottom:solid 1px #D9D9D9; font-size:25px; color:#000; font-weight:700; position:relative; padding:10px 0; margin-bottom:30px; }
.categoryProductSlider .categoryProductSliderTitle a{ position:absolute; right:0; top:20px; color:#808080; text-decoration:underline; font-size:16px; font-weight:700; }
.categoryProductSlider .categoryProductSliderTitle a:hover{ color:#FFA500; }
.categoryProductSlider .card { display:flex; }
.categoryProductSlider article.card{ border:solid 1px #B0B0B0; margin-bottom:24px; }
.categoryProductSlider article.card:hover{ border:solid 1px #3E9C35;  }
.categoryProductSlider article.card .card-img-container img{ position:relative; }
.categoryProductSlider article.card .card-img-container img{ padding:15px; max-height:135px; } 
.categoryProductSlider article.card .card-figure{ width:30%; }
.categoryProductSlider article.card .card-img-container{ margin-top:15px; position: absolute;
    top: 50%;
    transform: translateY(-50%); }
.categoryProductSlider article.card .card-img-container:after{ display:none; }
.categoryProductSlider .card .card-figure .sale-flag-side { -webkit-transform: rotate(45deg); transform: rotate(0); -webkit-transform-origin: top right; transform-origin: top right; border-radius: 4px !important; right: auto; top: 10px; width: 50px; height: 22px; left: 10px;  }
.categoryProductSlider .card .card-figure .sale-flag-side .sale-text{ top:-9px; font-size:12px; }
.categoryProductSlider .card-body{ padding: 25px 100px 20px 0; width:70%; position:relative; }
.categoryProductSlider .card-body .card-product-button{ position:absolute; right:7%; top:50%; transform:translateY(-50%); width:60px; height:60px; }
.categoryProductSlider .card-body .card-product-button a { border-radius:100%;  }
.categoryProductSlider .card-body .card-product-button a span{ font-size:0; background:#fff url(../img/cart-icon-button.svg) no-repeat center center; border-radius:100%; width:56px; height:56px; }
.categoryProductSlider .card-body .card-product-button a:hover span{ background:url(../img/cart-icon-button-hover.svg) no-repeat center center; }
.categoryProductSlider .card-text.card-text-price{ padding-bottom:0; }
.categoryProductSlider .card .card-figure .card-figcaption-body{ top:50%; }
.categoryProductSlider .card .card-figure a.button.button--small.card-figcaption-button{ left: -100%; transition: left 0.5s ease; }
.categoryProductSlider .card .card-figure:hover a.button.button--small.card-figcaption-button{ left:2%; right:auto;}


.aboutUsHome{ padding:70px 0 30px; }
.aboutHomeParent{ display:flex; background:url(../img/about-us-bg.png) no-repeat center center; border-radius:20px; align-items:center; background-size: cover; }
.aboutLeftImage *, .aboutRightImage *{ transition:all ease 0.5s; }
.aboutLeftImage{ width:34%; }
.aboutHomeContent{ width:34%; text-align:center; padding:70px 0; }
.aboutRightImage{ width:32%; }
.aboutHomeContent h2{ font-size:35px; font-weight:700; margin:0 0 20px; }
.aboutHomeContent p{ color:#000; font-size:16px; line-height:1.5rem !important; }
.aboutHomeContent .white-btn a{ color:#fff; background-color:#2A7EE1; }
.aboutHomeParent img:hover{ transform:scale(1.06); }




/* responsive css */
@media (max-width:1699px){ 
.productSliderHome .productCarousel { padding:0 25px; }
 }
@media (max-width:1600px){
    .collection-item {  padding:70px 0 70px 50px; }
	.collection-img{right:20px;}
    .collection-details h2 {  font-size: 26px; margin-bottom: 12px;}
    .collection-row {  gap: 20px;}
    .night-vision-detrails h2 { font-size: 80px;}
    .night-vision-icons { margin-right: 30px;gap:30px;padding-left: 40px; max-width: 185px;}
    .night-vision-detrails h3 { font-size: 32px;}
    .night-vision-detrails p { font-size: 18px;  line-height: 25px; margin-bottom: 40px;}
    .c-collection-detail h2 {     font-size: 26px;  margin-bottom: 10px;}
    .camera-collection { padding: 32px 0 55px 24px; }
    .camera-collection-row { gap: 30px;}
    .mb-50 { margin-bottom: 30px;}
}
@media (max-width:1499px){
    /* .collection-img { right: 0;} 
    .collection-item .collection-img img{width:90%;margin:0 0 0 auto;display:block} */
    .night-vision-banner { margin-left: 60px; }
    .night-vision-icons h3 { white-space: nowrap;}
	.categoryBigContent h3{ margin-top:0; font-size:36px; }
	.nannyShopButton{ padding-bottom:30px; }
	
}
@media (max-width:1399px){
    .collection-details h2{font-size:24px;margin-bottom:10px;max-width:120px}
    .underline-btn:hover { transform: translateX(-8px);}
    .night-vision-detrails h2 {font-size: 70px;margin-bottom: 16px;}
    .night-vision-detrails h3 { font-size: 28px;}
    .night-vision-detrails p {margin-bottom: 30px;  max-width: 540px;}
    .night-vision-icons h3 { font-size: 16px;}
    .night-vision-icons {  margin-right: 20px;padding-left: 20px;}
    .camera-collection { padding: 32px 0 32px 24px;}
    .c-collection-detail h2 { font-size: 24px; margin-bottom: 8px;}
	.aboutHomeContent { padding: 30px 0; }
	.heroCarousel .slick-dots { bottom: 30px; }
}
@media (max-width:1299px){
    .night-vision-detrails h2 {font-size: 60px;}
    .night-vision-banner {margin-left: 40px;}
    .night-vision-detrails h3 { font-size: 26px;}
    .camera-collection-row { gap: 20px;}
    .mb-50 { margin-bottom: 20px;}
    .c-collection-detail p {  margin-bottom: 10px;}
    .desk-img{display: none;}
    .tab-img{display: block;}
    .camera-collection-img {position: relative; inset: unset;}
    .camera-collection { display: flex; align-items: center;gap: 20px;}
    .camera-collection-img img { height: auto; }
    .camera-collection { padding: 24px; }
    .c-collection-detail h2 { font-size: 22px; }
	.USPHome ul li span{ font-size:16px; }
	.aboutUsHome { padding: 0; }
	.categoryBigContent h3{ font-size:30px; }
}
@media (max-width:1199px){
	.collection-item{padding-left:25px;}
	.collection-img{right:10px;}
    .py-100 { padding-top: 80px;   padding-bottom: 80px; }
    .night-vision-detrails h2 {font-size: 48px;}
    .night-vision-detrails h3 { font-size: 24px;max-width: 350px;}
    .night-vision-detrails p {font-size: 16px;line-height: 22px;}
    .c-collection-detail p {font-size: 15px; line-height: 20px;}
	.USPHome ul li{ flex-wrap:wrap; }
    .USPHome ul li span { width: 100%; text-align:center; padding:10px 0 0 0; }
	.USPHome ul{ padding:30px 0; }
	.productSliderHome.featuredProductSlider { padding: 40px 0 50px; }

}
@media (max-width:1100px){
.categoryProductSlider .productGrid .product { width: 50%; }
}
@media (max-width:991px){
	.collection-details h2{font-size:22px;margin-bottom:8px;max-width:100px}
    .collection-details p{font-size:15px;line-height:20px;margin-bottom:9px;min-height:60px}
	.collection-img{max-width:50%;}
    .night-vision-row { flex-wrap: wrap;}
    .night-vision-banner {width: 50%; margin: 0;padding-left: 30px;}
    .night-vision-detrails {  width: 50%;}
    .night-vision-icons{max-width:500px;margin:40px auto 0;padding:0;flex-direction:row;justify-content:space-between;gap:20px;flex-grow:1}
    .night-vision-icon svg { height: 50px;}
    .night-vision-wrapper {background-position: center right -350px;}
    .night-vision-icon { gap: 10px !important;}
    .camera-collection {  flex-direction: column;align-items: start;}
	.pb-100 { padding-bottom: 50px; }
	.aboutHomeParent{ flex-wrap:wrap; }
	.aboutHomeContent{ order: 1; width:100%; padding:30px 15px; }
	.aboutLeftImage{ order: 2; width:50%; padding-bottom:20px; }
	.aboutRightImage { order: 3; width:50%; padding-bottom:20px; }
	.body { margin-bottom: 3rem; }
	.categoryBigContent h3{ font-size:24px; }
	.categoryBigContent{ top:10px; }
}
@media (max-width:800px){
.categoryProductSlider .productGrid .product .card-figcaption.mobile { display:none; }
.collection-img{right:0;}
}

@media (max-width:767px){
    .collection-row{grid-template-columns:repeat(1,1fr)}
    .collection-details p{min-height:auto}
    .collection-details h2{max-width:100%; margin-top:0;}
    .collection-item { padding: 20px;}
    .py-100 { padding-top: 60px;   padding-bottom: 60px; }
    .night-vision-detrails {   width: 100%;}
    .night-vision-banner {width: 100%;padding: 0;margin-top: 30px;max-width: 100%; text-align: center;}
    .night-vision-icons { margin-top: 30px;  }
    .night-vision-icon { width: 46%; justify-content: center;}
    .night-vision-detrails h2 {font-size: 42px; margin-top:0;}
    .night-vision-detrails h3 { font-size: 22px;}
	.c-collection-detail h2{ margin-top:5px; }
    .white-btn a{height: 40px;padding: 10px 22px;}
    .white-btn:hover a {padding-right: 48px;}
    .white-btn a svg { margin-left: 8px;right: 14px;width: 22px;}
    .USPHome ul { flex-wrap: wrap; }
	.USPHome ul li{ width:50%; border:0; padding:0 0 15px 0; }
	.featuredProductSlider h2.page-heading.showcase-products{ font-size:24px; margin-bottom:15px; }
	.heroCarousal-category { flex-wrap: wrap; justify-content: center; }
	.heroCarousal-slider { width: 100%; padding-right: 0; }
	.categoryBig { width: auto; max-width: 350px; margin:30px 0 10px; }
	.categoryBigContent{ position:relative; }
	.categoryBigContent img{ padding-bottom:20px; }
}
@media (max-width:640px){
    .night-vision-icons {  flex-wrap: wrap; }
    .camera-collection-img {  width: 100%; display: flex;  justify-content: center; }
    .camera-collection-row { grid-template-columns: 1fr;}
	.USPHome ul li span { font-size: 14px; }
	.categoryProductSlider .productGrid .product{ width:100%; }
	.card-text.card-text-price .price-section span.price.price--withoutTax{ font-size:15px; }
	.categoryProductSlider .card-body{ padding-top:12px; padding-bottom:8px; }
	.categoryProductSlider .categoryProductSliderTitle{ font-size:22px; }
	.pb-100 { padding-bottom: 35px; } 
	.aboutHomeContent h2{ font-size:28px; }
	.night-vision-banner img{ max-width:200px; }
	.camera-collection-img img { max-width: 60%; }
	.heroCarousel .slick-dots { bottom: 15px; }
}
@media (max-width:550px){
	.collection-item{flex-direction:column;justify-content:space-between;padding: 26px;gap:20px;}
	.collection-img{position:relative;inset:unset}
    .collection-item .collection-img img{width:100%;margin:auto;display:block}
    .collection-item{display:flex;padding:28px 0 28px 28px}
	.collection-item .collection-details{position:relative; top:auto; transform:none;}
	.collection-img{max-width:100%; position:relative; bottom:auto; transform:none;}
}
@media (max-width:540px){
    .night-vision-icons {  flex-wrap: wrap; }
}