@charset "utf-8";
:root {
    --black:#000000;
    --blue:#1071FF;
    --white:#ffffff;

    --Poppins: "Poppins", sans-serif;
}
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;direction:ltr;text-align: left;font-family: var(--Poppins);}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1{font-size: 32px;font-style: normal;font-weight: 700;line-height:54px;color: var(--white);}
h2,.h2{font-size: 33px;font-style: normal;font-weight: 600;color: var(--blue);line-height: 56px;}
h2 span,.h2 span{color: var(--black);}
h3{color:var(--white);font-size: 26px;font-weight: 600;line-height:44px;}
h4{font-size: 30px;color: #fff;line-height: 1;font-weight: 400;}
h4 span{font-weight: 300;color:#32bceb; }

.top_title{position: relative}
.top_title h2{margin-bottom: 9px;}
.top_title p{position: relative;padding-bottom: 9px;}
.top_title:after{content: '';position: absolute;bottom: 0;left: 0;width: 81px;height: 1.5px;background-color: var(--blue);}

p { font-size: 16px;font-style: normal;font-weight: 500;line-height:27.2px;color: var(--black)}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {font-size: 14px;font-style: normal;font-weight: 500;color: var(--blue);text-decoration: none;line-height: 30px;}
a:hover {}
a:active {}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{ color: #909090;}
:-moz-placeholder{ color: #909090;}
::-moz-placeholder{ color: #909090;}
:-ms-input-placeholder{ color: #909090;}
::-ms-input-placeholder{ color: #909090;}
:placeholder-shown{ color: #909090;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/*transition effect*/
.tra,a,img{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
img{max-width: 100%;}
.d_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.d_flex_at{align-items: flex-start;}
.d_flex_js{justify-content: flex-start;}

.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;transition: 0.5s ease all;}
.btn{border-radius: 56px;border: 1.5px solid #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);padding: 10px 24px;position: relative;overflow: hidden;}
.btn:after {content: '';position: absolute;width: 25px;top: 0;left: -30px;height: 100%;background: rgb(16, 113, 255);background: linear-gradient(114deg, rgba(16, 113, 255, 1) 0%, rgba(48, 177, 237, 1) 35%);opacity: 0.2;transform: skew(10deg, 10deg);transition: 0.5s ease all;}
.btn:hover:after{left: 110%;}
.btn_blue{padding:0px 63px;font-size: 16px;font-style: normal;font-weight: 600;line-height:27.2px;background-color: var(--blue);color: var(--white);border-radius: 10px;display: inline-block;height: 38px;line-height: 38px;}
.btn_blue:hover{background-color: var(--black)}

/**
 * Owl Carousel v2.1.1
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Page Layout */
body{overflow-x: hidden;padding-top: 216px;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{max-width: 1440px;margin: 0 auto;padding: 0px 88px;position: relative}

/* Header CSS*/
.hamburger{width: 35px;height: 30px;position:fixed;display: none;}
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background-color: var(--white);transition: 0.3s ease all;}
header.fixed{transform: translateY(-56px);}
header.fixed .middle_had {padding: 15px 0px 5px;}
header .top_had {padding: 13px 0px;background-color: #F9FCFF;}
header .top_had label img{margin-right: 8px;}
header .top_had label em{font-size: 14px;font-style: normal;font-weight: 500;color: var(--blue);line-height: 30px;font-style: normal;margin: 0px 3px;}
header .right_col a:not(:last-child){margin-right: 38px;}
header .right_col a img{margin-right: 6px;}
header .middle_had{padding: 32px 0px 19px;transition: 0.3s ease all;}
header .login_btn{background-color:#007BFF;padding: 10px 24px;border-radius: 56px;}
header .login_btn a{color: var(--white);font-size: 16px;font-weight: 500;}
header .login_btn a:hover{opacity: 0.7;text-decoration: underline}
header .login_btn em{font-size: 16px;font-style: normal;font-weight: 500;color: var(--white);line-height: 30px;font-style: normal;margin: 0px 3px;}
header .bottom_had{background: rgb(16,113,255);
background: linear-gradient(114deg, rgba(16,113,255,1) 0%, rgba(48,144,237,1) 67%);}
header .bottom_had label{display: none;}
header ul{list-style: none;}
header ul>li{position: relative;padding: 15px 0 14px;position: relative;cursor: pointer;}
header ul>li:after{content: '';position: absolute;bottom: -10px;height: 10px;width: 100%;left: 0}
header ul>li:not(:last-child){margin-right: 42px;}
header ul>li>a{font-weight: 600;color: var(--white);}
header ul>li>.drop{margin-left: 8px;}
header ul>li .dropdown {width: fit-content;border-radius: 10px;background-color: var(--white);position: absolute;top: calc(100% + 5px);box-shadow: 0px 0px 10px #0000002e;overflow: hidden;display: block;padding: 10px 0;min-width: 240px;opacity: 0;pointer-events:none;transition: 0.4s ease all;}
header ul>li:nth-child(1) .dropdown{min-width: 380px;}
header ul>li:nth-child(8) .dropdown{right:0}
header ul>li:last-child .dropdown{right:0}
header ul>li:hover .dropdown{opacity: 1;pointer-events: all}
header ul>li .dropdown ul li {display: block;margin-bottom: 7px;margin-right: 0;padding: 0}
header ul>li .dropdown ul li:last-child{margin-bottom:0px}
header ul>li .dropdown ul li a{color: var(--black);padding:0 26px;width: 100%;display: block;text-transform: capitalize}
header ul>li .dropdown ul li a:hover{color: var(--white);background-color: var(--blue)}
header ul>li .dropdown ul li:after {display: none}

/* Breadcrumb*/
.breadcrumb-section{}
.light-grey{background:#F1F6FFCC}
.breadcrumb-section{padding:15px}
.breadcrumb-section .breadcrumb{padding:0;align-items:center;margin:0}


.vanik-services .services-list{background:#F1F6FFCC;border-radius:15px;display:flex;align-items:center;margin-bottom:24px;box-shadow:0 0 10px rgb(0 0 0 / 14%)}
.services-top{padding:30px 0}
.services-list .service-image{    padding: 15px;}
.services-list .service-content{width: calc(100% - 226px); padding: 30px 15px;}
.services-list .service-content h4{    color: var(--blue);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;}
.services-list .service-content ul{padding-left:20px}

.for-requirements .services-top{padding:30px 0}
.form-section{margin-bottom:60px}
/* Footer CSS*/
footer{min-height: 200px;    background: rgb(16, 113, 255);background: linear-gradient(114deg, rgba(16, 113, 255, 1) 0%, rgba(48, 144, 237, 1) 67%);padding: 37px 0px 42px;position: relative;}
footer .map{position: absolute;top: 0;right: 0}
footer .logo{margin-bottom: 31px;display: inline-block}
footer .newsletter{margin-top: 28px;}
footer .newsletter h3{font-size: 16px;font-weight: 700;line-height: normal;text-transform: capitalize;color: var(--white);margin-bottom: 23px;}
footer .newsletter .inner{position: relative;max-width: 340px;}
footer .newsletter .in{width: 100%;background-color: var(--white);height: 56px;border-radius: 50px;padding: 6px 140px 6px 21px;color: #959595;font-size: 12px;font-weight: 400;line-height: normal;}
footer .newsletter .sub {width: 139.917px;height: 43.338px;padding: 14.196px 28.392px;background-color: var(--blue);font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: 0.78px;color: var(--white);position: absolute;right: 6px;bottom: 0;top: 0;margin: auto;border-radius: 30px;cursor: pointer;transition: 0.4s ease all;}
footer .newsletter .sub:hover{opacity: 0.7;}
footer .col{width: 384px; flex: none;}
footer .col+.col{padding-top: 29px;}
footer .col+.col+.col{width: 203px;}
footer .col:nth-child(2){width: 238px;}
footer .col:nth-child(2) p{line-height: 28px;}
footer .col p{font-size: 14px;font-weight: 400;color:var(--white);line-height: normal}
footer .col h4{font-size: 18px;font-weight: 500;line-height: normal;text-transform: capitalize;color: var(--white);margin-bottom: 20px;}
footer .col ul{list-style: none;}
footer .col ul li{}
footer .col ul li a{font-weight: 400;line-height:28px;color: var(--white);}
footer .col ul li a:hover{color: var(--black)}
footer .social_col{width: 100%;text-align: center;margin-top: 15px;}
footer .social_col .wrap{justify-content: center;}
footer .social_col a{margin: 0px 10px;}
footer .social_col a:hover{opacity: 0.7}
footer .social_col p{text-align: center;font-size: 14px;font-weight: 400;line-height:22.4px;color: var(--white)}


.hidden{display: none;}
.b2b_popup{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color:#000000b3;justify-content: center;opacity: 0;pointer-events:none;transition: 0.4s ease all;}
.b2b_popup .bg{cursor: pointer;}
.b2b_popup.active{opacity: 1;pointer-events: all;}
.b2b_popup .inner {width: 50vw;height: 500px;background-color: var(--white);border-radius: 20px;position: relative;    padding: 50px 40px;}
.b2b_popup .inner h3{color: var(--blue);}
.b2b_popup .inner ul{padding-left: 15px;margin: 20px 0px}
.b2b_popup .inner .red{color: red;}
.b2b_popup .inner .green{color:green;}
.b2b_popup .inner .colin:nth-child(2){}
.b2b_popup .inner .colin .d_flex{justify-content: flex-start}
.b2b_popup .inner .colin{width: calc(50% - 10px)}
.b2b_popup .close{position: absolute;right: 0;top: 0;}
.b2b_popup .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: var(--blue);color: var(--white);text-align: center;cursor: pointer;font-size: 20px;border-radius: 0px 0px 0px 10px;}
.b2b_popup .btn {background-color: #1071ffeb;color: #fff;}
.b2b_popup .btn+.btn{margin-left: 10px;}
.b2b_popup .wrap{align-items: flex-start}

.b2b_popup.sign-in .inner{width: 30vw;height: unset;}
.hamburger{width: 35px;height: 30px;position:fixed;display: none;}
header .bottom_had label{display: none;}

.form-group{width:100%;margin-top:20px}
.form-group .form-wrap{width:100%;margin-bottom:15px}
.form-group .form-wrap .form-control{width:100%;border:1px solid #ced4da;padding:10px}
.form-group .form-wrap.flex-between{display:flex;justify-content:space-between;align-items:center}
.form-group .form-wrap .btn{padding:10px 15px;background-color: var(--blue);padding-right: 16px;border-radius: 10px;font-size: 16px;font-style: normal;font-weight: 500;color: var(--white);cursor: pointer;transition: 0.4s ease all}
.form-group .form-wrap .btn:hover{background-color: var(--black);}

.text-muted.text-danger {color:rgb(220 53 69) !important;}


@media only screen and (max-width:1399px){
	header ul>li:not(:last-child) {margin-right: 3%;}
	.wrapper {padding: 0px 40px;}
}
@media only screen and (max-width:1279px){
    header ul>li:not(:last-child) {    margin-right: 1.6%;}
	 .wrapper {padding: 0px 20px;}
    .btn {padding: 5px 15px;}
    footer .col {width: 30%;}
}
@media only screen and (max-width:1023px){
    header.fixed {transform: translateY(0px);}
    body {padding-top: 66px;}
    .hamburger {display: block;z-index: 9999;top: 0;bottom: 0;right: 20px;top: 19px;position: fixed}
    .hamburger span {width: 100%;height: 3px;background-color:var(--blue);top: 0;display: block;position: absolute;top: 12.5px;left: 0;transition: 0.2s ease all;}
    .hamburger span:first-child{top:5px}
    .hamburger span:last-child{top: 21px}
    .hamburger.active span:first-child {top: 14px;transform: rotate(45deg);background-color: var(--white)}
    .hamburger.active span:last-child {top: 14px;transform: rotate(-45deg);background-color: var(--white)}
    .hamburger.active span:nth-child(2){background-color: transparent !important}
    header .middle_had {padding: 15px 0px 5px;}
    header .middle_had .login_btn {display: none}
    header .top_had{display: none}
    header .bottom_had label{display:flex;}
    header .middle_had {padding: 18px 0px 02px;}
    header .bottom_had {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;transform: translateX(-100%);transition: 0.4s ease all;}
  header .bottom_had.active {transform: translateX(0);overflow: auto;padding-bottom: 20px;}
    header .bottom_had ul{display: block;padding-top: 60px;}
    header .bottom_had label{background-color: #fff;border-radius: 40px;padding: 10px 20px;width: fit-content;margin-bottom: 10px;margin-top: 20px}
    header .login_btn {padding: 6px 15px;width: fit-content;box-shadow: 0px 0px 4px #fff;margin-left: 20px;}
    header ul>li {padding: 0;}
    header .bottom_had label em{margin: 0px 4px;color: var(--blue)}
    header .login_btn {padding: 6px 15px;width: 150px;}
    header ul>li:not(:last-child) {margin-right: 0;}
    .brand img{max-width: 140px;}
    header .login_btn a {font-size: 14px;}
    header .login_btn {padding: 6px 15px;}

    header .bottom_had label {margin: 20px auto 20px;}
    header .login_btn {padding: 6px 15px;margin: 0 auto;}
    header ul>li>a {font-size: 16px;}
    header ul>li .dropdown {width: 100%;border-radius: 0;position: relative;top: 0;padding: 10px 0;opacity: 1;pointer-events: all;transition: none;background-color: transparent;box-shadow: none;}
    header ul>li .dropdown ul {padding-top: 0;}
    header ul>li .dropdown ul li a {padding: 0 25px;position: relative;color: var(--white)}
    header ul>li .dropdown ul li a:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;left: 0;width:12px;height:3px;background-color: var(--white);}
    header ul>li>.drop.active img{transform: scale(-1)}





    
    h2, .h2 {font-size: 30px;}
   
    footer .col {width: 100%;}
  
}
@media only screen and (max-width:767px){
    header ul>li>a {font-size: 14px;}
    header ul>li .dropdown {padding: 5px 0;}
	header ul>li .dropdown ul li a {line-height: 24px;}
    h1 {font-size: 22px;line-height: 30px;}
    .btn {padding: 5px 12px;}
    h2, .h2 {font-size: 24px;line-height: 1.3;}
    footer .logo img{max-width: 120px;}
    footer .logo {margin-bottom: 10px;}
    footer .newsletter {margin-top: 18px;}
    footer .col h4 {font-size: 16px;margin-bottom: 10px;}
    footer .col:nth-child(2) p {line-height: 22px;}
    footer {padding: 20px 0px 30px;}
    footer .newsletter .in {height: 46px;padding: 6px 120px 6px 10px;font-size: 12px;}
    footer .newsletter .sub {width: 109.917px;height: 40px;padding: 3px 13px;font-size: 11px;right: 4px;}
	
	.vanik-services .services-list{flex-flow:wrap}
	.services-list .service-image{text-align:center;width:100%}
	.services-list .service-content{width:100%}
}