:root{
    --primary-color: #00a9ed;
    --primary-medium-color: #0089cb;
    --primary-dark-color: #005897;
    --primary-light-color: #51c3f1;
    --secondary-color: #c1dd4d;
    --secondary-dark-color: #7a7827;
    --secondary-light-color: #d2e87f;
    --text-color: #444;
    --text-dark-color: #252525;
    --white-color: #fff;
    --success-color: #00a651;
    --error-color: #c9302c;
    --warning-color: #ffbc00;
    --gray-color: #f1f2f3;
    --light-gray-color: #f5f8fa;
    --disabled-color: #aaa;
    --border-color: #dee2e6;
    --whatsapp-color: #55CD6C;
    --counts-background-color: #aedadb;
    --advantage-color: var(--primary-light-color);
    --disadvantage-color: var(--secondary-light-color);
    --box-shadow: 0px 1px 30px -10px rgba(0, 0, 0, 0.3);
    --border-radius: 4px;
    --body-bg-color: #f9fbfe}

body{
    color: var(--text-color);
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .25px;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 60px !important;
    -webkit-font-smoothing: antialiased;
    background-color: var(--body-bg-color)}
body.overflow-hide{overflow: hidden}
*, *:after, *:before {
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box }
.clear-fix,.clear-fix:before,.clear-fix:after,section:before,section:after,.container:before,.container:after,
.row:before,.row:after,.centered:before,.centered:after,nav:before,nav:after,.footer:before,.footer:after{
    content: "";
    display: table;
    clear: both }
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,b,ul,li,form,label,nav,section,menu{border: 0;margin: 0;padding: 0;vertical-align: baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block}
a{cursor: pointer;text-decoration: none}
ul{margin: 0;padding: 0;list-style: none}
.container{
    width: 100%;
    max-width: 980px}
.centered,.container{margin: 0 auto;float: none !important}
.expand{width: 100%}
.hidden,#menu-icon,.close-offcanvas,.nav-more,#search-company,.nav-search-container button{display: none}
.word-wrap{
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
iframe{border: none}

/* Input */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], 
input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"],
input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    color: var(--text-color);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    padding: 9.5px 15px;
    margin: 0;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    resize: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ 
  -webkit-appearance: none; 
  margin: 0}
input[type="number"]{-moz-appearance: textfield}
input[type="file"], select{ margin: 0 0 15px 0 }
input[type="file"], select{width: 100%}
input[type="file"]{
    padding: 6px 15px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius)}
select{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-block;
    width: 100%;
    height: 40px;
    float: left;
    color: var(--text-color);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    padding: 7.5px 15px 9.5px 10px;
    margin-bottom: 20px;
    background-color: transparent;
    background-image: url(select.svg);
    background-position: 100% center;
    background-repeat: no-repeat;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
    cursor: pointer}
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,
input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,
input[type="color"]:focus,textarea:focus,input[type="file"]:focus,select:focus{border-color: var(--primary-dark-color)}
textarea[rows]{height: auto !important}
form{position: relative}
.error-message{
    color: var(--error-color);
    font-size: 13px;
    text-align: left !important;
    padding: 0 5px 15px 5px;
    margin-top: -10px}
/* Button */
button,.button{
    display: inline-block;
    color: var(--white-color);
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 7.5px 15px;
    margin: 0;
    background-color: var(--primary-color);
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer}
button[disabled=disabled],button:disabled{
    color: var(--white-color) !important;
    background-color: var(--disabled-color) !important;
    cursor: not-allowed}
button.cancel-button,.button.cancel-button{
    color: var(--text-color);
    background-color: transparent}
button.white-button,.button.white-button{
    color: var(--primary-color);
    background-color: var(--white-color)}
button.white-outline-button,.button.white-outline-button{
    color: var(--white-color);
    background-color: transparent;
    border: 2px solid var(--white-color)}
button.secondary-button,.button.secondary-button,.icon-button.secondary{background-color: var(--secondary-color)}
button.success,.button.success,.icon-button.success{background-color: var(--success-color)}
button.danger,.button.danger,.icon-button.danger{background-color: var(--error-color)}
button.warning,.button.warning,.icon-button.warning{background-color: var(--warning-color)}
.icon-button{
    display: inline-block;
    width: 22px;
    height: 22px;
    color: var(--white-color);
    line-height: 22px;
    text-align: center;
    margin-left: 4px}
.icon-button::before{line-height: 22px}
td .icon-button:first-child{margin-left: 0}
.icon-button.primary{background-color: var(--primary-color)}
form button,form .button{
    width: 100%;
    padding: 9.5px 15px;
    margin-top: 15px}

a,input,textarea,button,.button,span.close-modal,header,.nav-item > a::after,.nav-sub-menu,
.nav-actions-container svg,.nav-search-container,
.process-wrapper svg,.testimonial-content-wrapper,.faq-head::after,
.blog-image,.blog-title,.document-wrapper::before,.document-wrapper h5,.document-wrapper p,.close-floating-content,
.floating-whatsapp-container,.floating-content-container::before,.floating-content-container::after,
.suggestions-container li{
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear}
form input.ng-touched.ng-invalid,form input.ng-dirty.ng-invalid,form textarea.ng-touched.ng-invalid,
form textarea.ng-dirty.ng-invalid,form select.ng-touched.ng-invalid,form select.ng-dirty.ng-invalid,
form textarea.ng-touched.ng-invalid,form textarea.ng-dirty.ng-invalid{border-color: var(--error-color) !important}
form input.ng-valid,form textarea.ng-valid,form select.ng-valid{border-color: var(--success-color) !important}
.submit-button-container{text-align: center}
p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px}

/* Body */
body,.row,.error-message,p,form,header,nav,.nav-sub-menu li,.nav-sub-menu li a,
.nav-search-results,.nav-search-results li,.nav-search-results li a,


.nav-more a,section,.home-content,.sub-title,.title,.secondary-title,.home-slider,.home-slide-container,
.home-content p,.popular-services-wrapper,.popular-service-container h2,.process-wrapper,.process-title,
.why-choose-us-wrapper,.count-icon,.count-container h4,.count-container h2,.packages-container,
.packages-service-container,.package-service-title,.testimonials-container,.testimonial-slider,
.testimonial-content,.testimonial-by,
.testimonial-image img,.testimonial-by h2,.testimonial-by h5,.blog-wrapper,.blog-image,.blog-content,
.blog-date,.blog-title,.blog-description,.blogs-more-container,.query-container,.expert-link-wrapper,
.contact-info h5,.contact-info a,.service-amount,.work-process-icon img,.work-process-container h2,
.about-container,.about-right-container a,.content-container img,.low-space-row,

.faq-container,.faq-wrapper,.faq-head,.faq-body,

.advantage-list,.advantage-list li,.disadvantage-list,.disadvantage-list li,.document-wrapper,.document-wrapper h5,
.number-title-list,.number-list,.number-list li,.dotted-title-list,.dotted-list,.dotted-list li,
.number-title-list li,.dotted-title-list li,
.title-list,.title-list li,.advantage-title-list,.advantage-title-list li,.table-container,.table-head,
.table-body,.table-row,.contact-wrapper,.contact-details-wrapper,.contact-details,.contact-detail,.contact-detail a,
.data-table-container,.price-table-container,

.payment-status-container,.payment-status-container h2,.thank-you-foot,.floating-whatsapp,
.floating-content-container h5,.floating-content-container p,.member-wrapper,.member-name,.member-pic img,

.enquiry-items-container,.enquiry-item-container,.enquiry-hint-container,.enquiry-hint-content,.enquiry-form-foot,
.enquiry-save-data,.services-goods-container,.suggestions-container,.suggestions-container li,.suggestions-container li a,
.hsn-sac-container,.suggestions-input-container,.gst-result-container,.gst-result-wrapper,
.company-search-container,.company-result-container,.company-result-data-container,.company-result-key,
.company-result-value,.company-no-results,.company-results-banner a,.company-results-banner img,
.company-main-details,.company-details-wrapper,.company-detail-container,.company-detail-wrapper,.company-detail-row,

footer,.footer-container,.footer-social,.footer-title,.footer-column > li,.footer-column > li > a,.copyright,
.techcruzers{
    width: 100%;
    float: left}

/* Navigation */
header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 985;
    padding: 11px 80px;
    background-color: var(--white-color);
    box-shadow: 0 2px 2.5px 0 rgba(0,0,0,.3)}
nav{position: relative}
.nav-logo,.footer-logo{
    display: inline-block;
    float: left}
.nav-logo img,.footer-logo img{
    height: 38px;
    float: left}
.nav-container{
    width: calc(100% - 262px);
    height: 38px;
    float: left;
    padding-left: 10px;
    background-color: var(--white-color)}
.nav-wrapper{
    height: 38px;
    float: right;
    text-align: left}
.nav-item{
    position: relative;
    float: left}
.nav-item > a{
    position: relative;
    display: inline-block;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    padding: 12px 15px}
.nav-sub-menu{
    position: absolute;
    top: 150%;
    left: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    padding: 8px 0;
    background-color: var(--white-color);
    border-top: 3px solid var(--primary-color);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.nav-sub-menu li{
    position: relative;
    z-index: 1}
.nav-sub-menu li a{
    display: inline-block;
    width: 250px;
    color: var(--text-color);
    line-height: 18px;
    padding: 8px 10px}
.nav-item > a.active,.nav-sub-menu li a.active,.nav-more a.active{
    color: var(--secondary-dark-color);
    font-weight: 500}
.nav-actions-container{
    width: 76px;
    float: right}
.nav-actions-container a{
    display: inline-block;
    float: left;
    padding: 10px}
.nav-actions-container a svg{
    width: 18px;
    height: 18px;
    float: left}
.nav-search-close-icon,.nav-search.open .nav-search-icon{display: none}
.nav-search.open .nav-search-close-icon{display: block}
.nav-search-container{
    position: absolute;
    top: -1px;
    right: 76px;
    width: 0;
    overflow: hidden;
    opacity: 0;
    background-color: var(--white-color)}
.nav-search-container.show{
    width: calc(100% - 262px);
    opacity: 1}
.nav-search-container input{
    width: 280px;
    float: right;
    font-size: 14px;
    margin-bottom: 0}
/* Nav Search Modal */
.modal-content.nav-search-modal{min-height: 50vh}
.nav-search-input-container{border-bottom: 1px solid var(--border-color)}
.nav-search-input-container::before{
    content: '';
    position: absolute;
    top: 13px;
    left: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/search.svg');
    background-size: 100%;
    background-position: center}
.nav-search-input-container input{
    padding-left: 40px;
    padding-right: 75px;
    border: none;
    border-radius: 0}
.nav-search-input-container span{right: 40px !important}
.nav-search-modal .modal-body{padding: 0}
.nav-search-results li a{
    position: relative;
    color: var(--primary-color);
    padding: 10px 15px}
.nav-search-results li a::after{
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    display: block;
    width: calc(100% - 30px);
    border-bottom: 1px solid var(--border-color)}
.nav-search-results li:last-child a::after{display: none}
.nav-search-modal .company-no-results{
    padding: 5px 15px;
    box-shadow: none}
.nav-search-modal span.close-modal{
    top: 13px;
    right: 10px}

/* Home */
section{
    padding: 80px;
    background-color: var(--white-color)}
section.content-section{padding: 50px 80px}
section.background-color,.company-result-search-section,.company-results-section,.company-details-section,
.blog-section{background-color: var(--body-bg-color)}
section.white-background-color{background-color: var(--white-color)}
.home-section{padding: 0}
.home-slide-container{
    position: relative;
    min-height: calc(100vh - 98px);
    padding: 80px 80px 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom}
.home-slide-container::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7)}
.home-slide-container .home-content{
    position: relative;
    width: 50%;
    border-radius: var(--border-radius)}
.home-content .title,.home-content p,.company-search-home-section .title,
.company-search-home-section .content-container{color: var(--white-color)}
.home-slider .slick-prev,.home-slider .slick-next{
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 50px;
    height: 60px;
    font-size: 0;
    transform: translateY(-50%);
    opacity: 0;
    padding: 0;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%}
.home-slider .slick-prev{
    left: -30px;
    background-image: url('../images/icons/chevron-left.svg');
    border-top-left-radius: 0;
    border-bottom-left-radius: 0}
.home-slider .slick-next{
    right: -30px;
    background-image: url('../images/icons/chevron-right.svg');
    border-top-right-radius: 0;
    border-bottom-right-radius: 0}
.home-slider.slick-dotted .slick-dots{bottom: 20px}
.sub-title{
    color: var(--secondary-dark-color);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase}
.title{
    position: relative;
    color: var(--text-dark-color);
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 30px}
.title.thefilingdesk{
    font-weight: 400;
    text-transform: uppercase}
.title.thefilingdesk b{font-weight: 700}
.secondary-title{
    position: relative;
    color: var(--primary-dark-color);
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px}

  /* Why Choose Us */
.why-choose-us-section,.company-search-home-section,.testimonials-section,.blog-section,.contact-info-section,
.work-processes-section,.documents-section,.enquiry-container,.gst-rate-section,.company-search-section,
.about-page-section,.team-section,.packages-section,.package-services-section{text-align: center}
.popular-services-container{
    position: relative;
    max-width: 950px;
    padding: 0 20px;
    margin-top: -60px}
.popular-services-wrapper{
    display: flex;
    flex: 1;
    overflow: hidden;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.popular-service-container{
    display: inline-block;
    flex-basis: 100%;
    font-size: 0;
    text-align: center;
    padding: 20px 15px}
.popular-service-container:nth-child(2n){background-color: var(--primary-dark-color)}
.popular-service-container:nth-child(2n+1){background-color: var(--secondary-dark-color)}
.popular-service-container img{
    width: 60px;
    height: 60px;
    margin-bottom: 15px}
.popular-service-container h2{
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px}
.why-choose-us-process{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px}
.process-container{
    position: relative;
    display: flex;
    width: calc(100% / 3);
    padding: 0 15px;
    margin-top: 30px}
.process-wrapper{
    position: relative;
    height: 100%;
    text-align: center;
    padding: 35px 20px;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)}
.process-wrapper::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--secondary-color);
    background: -webkit-linear-gradient(to right,var(--secondary-dark-color),var(--secondary-color));
    background: linear-gradient(to right,var(--secondary-dark-color),var(--secondary-color));
    opacity: 0;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: var(--border-radius)}
.process-wrapper svg,.packages-service-container img{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    fill: var(--secondary-dark-color);
    margin-bottom: 10px;
    overflow: hidden}
.process-title,.count-container h4,.member-name,.package-service-title{
    position: relative;
    color: var(--text-dark-color);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 10px}
.process-description,.count-container h2,.member-designation,.packages-service-container p{
    position: relative;
    color: var(--text-color);
    font-size: 14px;
    line-height: 25px;
    margin: 0}

/* Home Company Search */
.company-search-home-section{
    background: linear-gradient(270deg,#da22ff,#9733ee,#aa076b,#61045f,#4876bd,#5448bd);
    background-size: auto;
    background-size: 1200% 1200%;
    -webkit-animation: gradient 60s ease infinite;
    -moz-animation: gradient 60s ease infinite;
    animation: gradient 60s ease infinite}

  /* Gradient Animation */
@-webkit-keyframes gradient{
    0%,100%{background-position: 0 50%}
    50%{background-position: 100% 50%}
}
@keyframes gradient{
    0%,100%{background-position: 0 50%}
    50%{background-position: 100% 50%}
}

  /* About */
.about-section,.end-report-section{padding-top: 140px}
.about-image-container,.about-content,.ad-disadvantage-section .advantage-section,
.ad-disadvantage-section .disadvantage-section,.company-result-data-wrapper,.company-detail-key,
.company-detail-value{
    width: 50%;
    float: left}
.about-image-container{position: relative}
.about-image-container::before{
    content: '';
    position: absolute;
    top: -80px;
    left: 0;
    display: block;
    width: 160px;
    height: 160px;
    background-color: var(--secondary-color);
    border-radius: var(--border-radius)}
.about-image-container img{
    position: relative;
    width: calc(100% - 150px);
    float: left;
    margin-left: 100px;
    border-radius: var(--border-radius)}

  /* Counts */
.counts-section{
    background-color: var(--counts-background-color);
    background-image: url('../images/backgrounds/counts.jpg');
    background-position: right;
    background-size: cover}
.counts-section-wrapper{
    width: calc(60% + 80px);
    float: left;
    padding: 40px;
    margin-left: -40px;
    background-color: var(--body-bg-color);
    border-radius: var(--border-radius)}
.counts-container{
    position: relative;
    width: calc(100% + 30px);
    float: left;
    margin-top: 20px;
    margin-left: -15px}
.count-container{
    width: 25%;
    float: left;
    padding: 0 15px}
.count-container img{
    width: 50px;
    height: 50px}
.count-container h4,.count-container h2{
    font-weight: 500;
    background-color: transparent;}
.count-container h4{font-size: 30px}

  /* Packages */
.packages-section{text-align: center}
.packages-container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: left}
.packages-container.image-right{flex-direction: row-reverse}
.package-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    padding-top: 30px}
.package-image img{
    width: 100%;
    max-width: 280px}
.package-services-container{width: 60%}
.packages-service-container{
    position: relative;
    padding-left: 80px;
    margin-top: 30px}
.packages-service-container img{
    position: absolute;
    top: 0;
    left: 0}

  /* Testimonials */
.testimonials-container{
    margin-top: 30px;
    margin-bottom: 30px}
.testimonials-container > .container{max-width: 760px}
.testimonial-content-wrapper{
    opacity: 0.4;
    margin: 0 35px}
.testimonial-content-wrapper.slick-active{opacity: 1}
.testimonial-content{
    position: relative;
    text-align: center}
.testimonial-content p{
    position: relative;
    font-size: 18px;
    padding: 0 40px;
    margin-bottom: 50px}
.testimonial-content p::before,.testimonial-content p::after{
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../images/icons/quote.svg');
    background-size: 100%;
    background-position: center}
.testimonial-content p::before{
    top: 0;
    left: 0}
.testimonial-content p::after{
    right: 0;
    bottom: 0;
    transform: scaleX(-1)}
.testimonial-image,.member-pic{
    display: inline-block;
    width: 110px;
    height: 110px;
    padding: 4px;
    margin: 0 auto 10px;
    background-color: var(--secondary-color);
    background: -webkit-linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color));
    background: linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color));
    border-radius: 50%}
.testimonial-image img,.member-pic img{
    padding: 6px;
    background-color: var(--white-color);
    border-radius: 50%}
.testimonial-by h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5}
.testimonial-by h5{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5}

  /* Blog */
.blogs-container,.contact-info-container{
    position: relative;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px}
.blogs-container{
    display: flex;
    flex-wrap: wrap;
    min-height: 250px;
    margin-top: 30px}
.blog-container,.contact-info{
    width: calc(100% / 3);
    float: left;
    padding: 0 15px}
.blog-wrapper{
    height: 100%;
    overflow: hidden;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.blog-image-wrapper{
    position: relative;
    overflow: hidden;
    padding-bottom: 55%;
    background-color: var(--border-color)}
.blog-image{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat}
.blog-content{
    text-align: left;
    padding: 20px}
.blog-date{
    position: relative;
    display: inline-block;
    max-width: 100%;
    float: left;
    color: var(--text-color);
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px}
.blog-title,.contact-info h5{
    color: var(--text-dark-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px}
.blog-description{
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0}
.blogs-more-container{
    text-align: center;
    padding-top: 40px}

  /* Query */
.query-section{
    text-align: center;
    background-color: var(--primary-dark-color);
    background: -webkit-linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color));
    background: linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color))}
.query-container .sub-title,.query-container .title,.expert-link{color: var(--white-color)}
.query-container .white-outline-button{
    font-size: 24px;
    font-weight: 500;
    padding: 7.5px 25px}
.expert-link{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px}

  /* Contact Info */
.contact-info-section{
    background-image: url('../images/backgrounds/world-map.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center}
.contact-info img{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 auto 15px}
.contact-info p{margin-bottom: 0}
.contact-info a{
    display: inline-block;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.5;
    word-break: break-all}

/* Service */
.service-header-section{
    margin-bottom: 30px;
    background-image: url('../images/backgrounds/service.jpg')}
.service-header-section{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    margin-bottom: 30px}
.service-header-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)}
.service-header-content{
    position: relative;
    width: calc(100% - 480px);
    min-height: 380px;
    float: left;
    padding-top: 20px;
    padding-right: 80px}
.service-header-content.has-more-services{min-height: 440px}
.service-header-content .title,.ad-disadvantage-section .title,.advantage-section .title{color: var(--white-color)}
.service-header-content p{
    color: var(--white-color);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 0}
.service-form-container{
    position: absolute;
    top: 80px;
    right: 80px;
    width: 480px;
    min-height: 370px;
    float: left;
    text-align: center;
    padding: 50px 50px 30px;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.service-amount b{
    display: inline-block;
    color: var(--error-color);
    font-size: 15px;
    font-weight: 500;
    text-decoration: line-through;
    margin-right: 8px}
.service-amount{
    color: var(--success-color);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 15px}
.service-amount span{
    display: inline-block;
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.25px;
    margin-left: 5px}
.content-container{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0}
.content-container + .secondary-title,.price-table-container + .secondary-title,
.dotted-list + .secondary-title{margin-top: 40px}
.content-container img{max-width: 100px}
.low-space-row + .low-space-row{margin-top: 10px}

  /* Work Process */
.work-processes-section{background-color: var(--body-bg-color)}
.work-processes-container{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px}
.work-process-container{
    position: relative;
    width: 25%;
    float: left;
    font-size: 0;
    padding: 0 15px}
.work-processes-container.grid-3x .work-process-container{width: calc(100% / 3)}
.work-process-container::before{
    content: "";
    position: absolute;
    top: 44px;
    right: 50%;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 2px dashed var(--primary-dark-color)}
.work-processes-container.grid-3x .work-process-container::before{top: 74px}
.work-process-container:first-child::before{display: none}
.work-process-icon,.work-process-image{
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 auto 10px;
    border-radius: 50%}
.work-process-icon{
    width: 90px;
    padding: 25px;
    background: var(--primary-color);
    background: -webkit-linear-gradient(to right,var(--secondary-color),var(--primary-color));
    background: linear-gradient(to right,var(--secondary-color),var(--primary-color))}
.work-process-icon img{
    height: 40px;
    overflow: hidden}
.work-process-image{
    width: 150px;
    height: 150px;
    background-color: var(--body-bg-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center}
.work-process-container h2{
    color: var(--primary-dark-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0}
.work-process-container p{
    font-size: 15px;
    margin-bottom: 0}
.pan-sample{
    max-width: 100%;
    float: left;
    margin: 20px 0}

  /* List */
.number-title-list,.number-list{
    list-style: decimal outside;
    padding-left: 20px}
.dotted-title-list,.dotted-list{
    list-style: disc outside;
    padding-left: 20px}
.dotted-list.alpha-list{list-style: lower-alpha outside}
.dotted-list.roman-list{list-style: lower-roman outside}
.number-list li .dotted-list{margin-top: 10px}
.number-title-list li,.number-list li,.dotted-title-list li,.dotted-list li,.title-list li,.advantage-title-list li{
    color: var(--text-dark-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 10px;
    margin-bottom: 15px}
.dotted-list li,.number-list li{
    color: var(--text-color);
    font-weight: 400}
.service-header-content .number-list li{color: var(--white-color)}
.number-title-list li:last-child,.dotted-title-list li:last-child,.dotted-list li:last-child,.title-list li:last-child,
.advantage-title-list li:last-child{margin-bottom: 0}
.list-title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px}
.content-container a,.number-title-list li a,.dotted-title-list li a,.number-list li a,.dotted-list li a,
.title-list li a,.faq-body a,.documents-container + p a{
    color: var(--text-dark-color);
    font-weight: 500}
.list-content{
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5}
.advantage-title-list li{
    position: relative;
    color: var(--white-color);
    padding-left: 35px;
    margin-bottom: 25px}
.advantage-title-list li a,.service-header-content p a,.service-header-content p b{
    color: var(--white-color);
    font-weight: 500}
.advantage-title-list .list-content,.advantage-section .content-container{color: var(--white-color)}
.service-header-content p + .number-list,.content-container + .number-list,.content-container + .dotted-list,.content-container + .title-list,
.content-container + .number-title-list,.number-title-list + .secondary-title,.advantage-title-list + .content-container,
.number-list + .content-container,.documents-section .content-container,.faq-body .dotted-list,.faq-body .number-list,
.dotted-list + .content-container,.list-content .dotted-list,.content-container + .data-table-container,
.number-title-list + .content-container,.number-list + .data-table-container,.price-table-container + .content-container,
.data-table-container + .content-container{margin-top: 20px}
.content-container .dotted-list,.content-container .number-list{
    padding-left: 60px;
    margin-top: 20px}

  /* Table */
.table-container{max-width: 900px}
.table-head{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 15px;
    border-bottom: 1px dotted var(--border-color)}
.table-row{
    color: var(--text-dark-color);
    font-size: 16px;
    line-height: 1.5;
    padding-top: 15px}
.table-key{
    width: 300px;
    float: left}
.table-row .table-key{font-weight: 500}
.table-value{
    width: calc(100% - 300px);
    float: left}

.data-table-container,.price-table-container,.moa-table-container{
    position: relative;
    min-height: 96px;
    overflow: hidden;
    overflow-x: auto}
.data-table,.price-table,.moa-table{
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0}
.data-table > thead > tr,.price-table > thead > tr,.moa-table > thead > tr{color: var(--primary-color)}
.data-table thead th,.data-table tbody th,.data-table tbody td,.data-table tfoot th,.price-table thead th,
.price-table tbody th,.price-table tbody td,.price-table tfoot th,.moa-table thead th{vertical-align: middle}
.data-table thead th,.price-table thead th,.moa-table thead th{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 8px;
    border-bottom: 2px dashed var(--secondary-color)}
.moa-table thead th{
    text-align: left;
    white-space: nowrap}
.price-table thead tr:first-child th,.data-table thead th:first-child,.price-table thead tr:first-child th{border-bottom: none}
.price-table thead tr:first-child th{
    color: var(--secondary-dark-color);
    font-size: 20px}
.price-table thead tr:first-child th:first-child{
    text-align: left;
    vertical-align: bottom;
    padding-left: 0}
.data-table tbody th,.price-table tbody th{
    text-align: left;
    padding: 15px 8px 15px 0}
.data-table tbody td,.data-table tfoot tr td,.price-table tbody td,.moa-table tbody td{padding: 15px 8px}
.data-table tbody td,.data-table tfoot tr td,.price-table tbody td{text-align: center}
.data-table thead tr th:nth-child(odd),.data-table tbody tr td:nth-child(odd),
.data-table tfoot tr td:nth-child(odd),.price-table thead tr:nth-child(even) th:nth-child(odd),
.price-table tbody tr td:nth-child(even){background-color: var(--white-color)}
.data-table thead tr th:nth-child(even),.data-table tbody tr td:nth-child(even),
.data-table tfoot tr td:nth-child(even){background-color: var(--body-bg-color)}
.data-table thead tr th:first-child,.data-table tfoot tr td:first-child,.data-table tfoot tr td:nth-child(2){background-color: transparent}
.data-table tbody tr:first-child td:nth-child(2){
    border: 2px solid var(--primary-color);
    border-bottom: 0}
.data-table tbody tr td:nth-child(2){
    border-left: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color)}
.data-table tbody tr:last-child td:nth-child(2){
    border: 2px solid var(--primary-color);
    border-top: none}
.data-table tfoot tr td .button{
    font-size: 14px;
    white-space: nowrap}
.moa-table tbody td{
    vertical-align: top;
    border: 1px solid var(--secondary-color)}
.moa-table tbody td:last-child{border-right: none}
.moa-table tbody tr:last-child td{border-bottom: none}

  /* Ad / Disadvantage */
.ad-disadvantage-section{
    display: flex;
    flex-wrap: wrap;
    padding: 0}
.advantage-section,.disadvantage-section{
    padding: 80px;
    background-color: var(--advantage-color)}
.disadvantage-section{background-color: var(--disadvantage-color)}
.advantage-list li,.disadvantage-list li{
    position: relative;
    color: var(--white-color);
    font-size: 18px;
    text-align: left;
    line-height: 26px;
    padding-left: 35px;
    margin-bottom: 15px}
.advantage-list li:last-child,.disadvantage-list li:last-child{margin-bottom: 0}
.advantage-list li::before,.disadvantage-list li::before,.advantage-title-list li::before{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat}
.advantage-list li::before,.advantage-title-list li::before{background-image: url('../images/icons/check-white.svg')}
.disadvantage-list li::before{background-image: url('../images/icons/close-white.svg');}

  /* Documents */
.documents-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 30px);
    float: left;
    margin-top: -10px;
    margin-left: -15px}
.documents-container + .secondary-title{margin-top: 80px}
.document-container{
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-top: 30px}
.document-wrapper{
    position: relative;
    height: 100%;
    text-align: left;
    padding: 20px 20px 25px;
    overflow: hidden;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)}
.document-wrapper::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: var(--secondary-color);
    background: -webkit-linear-gradient(to right,var(--secondary-color),var(--primary-color));
    background: linear-gradient(to right,var(--secondary-color),var(--primary-color));}
.document-wrapper h5{
    position: relative;
    top: 50%;
    color: var(--text-dark-color);
    font-size: 18px;
    font-weight: 500;
    transform: translateY(-50%)}
.document-wrapper p{
    position: relative;
    color: var(--white-color);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    opacity: 0}
.documents-container + p,.faq-container + p{
    margin-top: 40px;
    margin-bottom: 0}
.documents-section .content-container{text-align: left}

  /* FAQ */
.faq-wrapper{margin-bottom: 20px}
.faq-wrapper:last-child{margin-bottom: 0px}
.faq-head{
    position: relative;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 500;
    padding: 15px 40px 15px 20px;
    background: var(--primary-color);
    background: -webkit-linear-gradient(to right,var(--primary-color),var(--primary-dark-color));
    background: linear-gradient(to right,var(--primary-color),var(--primary-dark-color));
    cursor: pointer}
.faq-wrapper:first-child .faq-head{
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)}
.faq-wrapper:last-child .faq-head{
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)}
.faq-head::before,.faq-head::after{
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    transform: translateY(-50%)}
.faq-head::before{
    right: 15px;
    width: 22px;
    height: 3px}
.faq-head::after{
    right: 24px;
    width: 3px;
    height: 22px}
.faq-wrapper.open .faq-head{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important}
.faq-wrapper.open .faq-head::after{height: 0}
.faq-body{
    display: none;
    font-size: 16px;
    line-height: 1.5;
    padding: 15px;
    margin-bottom: 0;
    background-color: var(--white-color)}

  /* Subscribe */
.subscribe-container{
    align-items: flex-end;
    background-image: url('../images/backgrounds/subscribe.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%}
.subscribe-container .modal-body{
    width: 60%;
    text-align: center;
    background-color: rgba(255,255,255,0.8)}
.subscribe-form h5{
    color: var(--text-dark-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px}
.subscribe-form .close-modal{
    display: inline-block;
    color: var(--error-color);
    margin-top: 10px}

/* Contact */
.contact-section{padding: 0}
#map{
    width: 100%;
    height: 420px;
    background-color: var(--body-bg-color);
    background-image: url('../images/map.jpg');
    background-repeat: no-repeat;
    background-size: cover}
.contact-container{max-width: 850px}
.contact-wrapper{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    margin-top: -110px}
.contact-details-container{
    position: relative;
    width: 380px;
    padding: 30px 0}
.contact-details-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 30px;
    background-color: var(--primary-dark-color);
    background: -webkit-linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color));
    background: linear-gradient(45deg,var(--secondary-color),var(--primary-dark-color))}
.contact-details-container .secondary-title{color: var(--white-color)}
.contact-detail{
    position: relative;
    padding-left: 40px;
    margin-bottom: 25px}
.contact-detail img{
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    overflow: hidden;
    filter: brightness(0) invert(1)}
.contact-detail p,.contact-detail a{
    color: var(--white-color);
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0}
.contact-form-container{
    width: calc(100% - 350px);
    padding: 60px 50px 30px 80px;
    margin-left: -30px;
    background-color: var(--white-color)}
.contact-details-wrapper,.contact-form-container{
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.3)}

/* About Page */
.about-page-section{background-color: var(--border-color)}
.about-container{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px}
.about-left-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    float: left;
    text-align: left;
    padding: 40px;
    background-color: var(--white-color);
    border-radius: var(--border-radius)}
.about-right-container{
    width: 30%;
    float: left;
    padding-left: 20px}
.about-right-container a{
    display: flex;
    height: calc(50% - 10px);
    align-items: center;
    justify-content: center;
    color: var(--text-dark-color);
    background-color: var(--primary-light-color);
    background-image: url('../images/backgrounds/team.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--border-radius)}
.about-right-container a + a{
    margin-top: 20px;
    background-color: var(--secondary-light-color);
    background-image: url('../images/backgrounds/contact.jpg')}
.about-right-container span{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    background-color: var(--white-color);
    border-radius: var(--border-radius)}

/* Team */
.members-container{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px}
.member-container{
    width: 25%;
    float: left;
    padding: 30px 15px 0}
.member-wrapper,.enquiry-item-container,.enquiry-save-data,.services-goods-container,.hsn-sac-container .suggestions-input-container,
.gst-result-container,.company-search-container,.company-result-container,.company-no-results,.company-main-details,
.company-detail-container,.company-details-note{
    padding: 30px;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.member-wrapper{
    height: 100%;
    font-size: 0;
    padding: 30px 20px}
.member-pic{
    width: 140px;
    height: 140px;
    border-color: var(--secondary-color)}

/* Enquiry */
.enquiry-container{
    min-height: calc(100vh - 98px);
    background-color: var(--body-bg-color)}
.enquiry-container .container{position: relative}
.enquiry-item-container{
    text-align: left;
    margin-bottom: 25px;}
.enquiry-hint-container{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid var(--warning-color);
    border-radius: var(--border-radius)}
.enquiry-hint-icon,.enquiry-document-delete,.enquiry-document-wrapper{
    background-repeat: no-repeat;
    background-position: center}
.enquiry-hint-icon{
    width: 44px;
    float: left;
    background-color: var(--warning-color);
    background-image: url('../images/icons/hint.svg');
    background-size: 60%}
.enquiry-hint-content{
    width: calc(100% - 44px);
    padding: 10px 15px;
    margin-bottom: 0}
.enquiry-document-text,.enquiry-save-data p{margin-bottom: 0}
.enquiry-form-foot{
    font-size: 0;
    text-align: right}
.enquiry-form-foot span{
    display: inline-block;
    color: var(--disabled-color);
    font-size: 16px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 15px}
.enquiry-form-foot span.error{color: var(--error-color)}
.enquiry-form-foot button{width: auto}
.enquiry-documents-container{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    float: left;
    margin-top: -20px;
    margin-left: -10px}
.enquiry-document-container{
    width: 20%;
    float: left;
    padding: 20px 10px 0}
.enquiry-document-wrapper{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-image: url('../images/icons/file.svg');
    background-size: cover;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius)}
.enquiry-document-delete{
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--border-color);
    background-image: url('../images/icons/close.svg');
    background-size: 60%;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    cursor: pointer}
.enquiry-document-status{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    border-radius: var(--border-radius)}
.enquiry-document-status span{
    display: inline-block;
    color: var(--white-color);
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 10px;
    margin-bottom: 10px;
    border-radius: var(--border-radius)}
.enquiry-document-status.accepted span{background-color: var(--success-color)}
.enquiry-document-status.rejected span{background-color: var(--error-color)}
.upload-container .enquiry-document-wrapper{
    background-image: none;
    border: none}
.upload-block{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: var(--text-color);
    text-align: center;
    padding: 8px;
    border: 3px dashed var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer}
.upload-block img{
    width: 40px;
    height: 40px;
    margin-bottom: 15px}
.upload-block.drag-over{
    background-color: var(--body-bg-color);
    border-color: var(--primary-color)}
.enquiry-save-data.submitted-note{
    text-align: left;
    margin-bottom: 25px;
    border-top: 4px solid var(--warning-color)}
.enquiry-save-data button{min-width: 30%}
.enquiry-save-data button + p{
    font-size: 14px;
    margin-top: 15px}
.enquiry-save-data.submitted-note b,.company-details-note b{
    color: var(--warning-color);
    font-weight: 600}

/* GST Rate */
.gst-rate-section{min-height: calc(100vh - 480px)}
.services-goods-container,.services-goods-container,.hsn-sac-container .suggestions-input-container,
.company-search-container{padding: 0 !important}
.services-goods-container,.hsn-sac-container,.company-search-container,.company-main-details,
.company-details-note{margin-top: 40px}
.services-goods-container select{
    width: 120px;
    height: 46px;
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0}
.services-goods-container .suggestions-input-container,
.company-search-container .suggestions-input-container{width: calc(100% - 120px)}
.suggestions-input-container,.nav-search-input-container{position: relative}
.suggestions-input-container input,.nav-search-input-container input{
    height: 46px;
    margin-bottom: 0}
.services-goods-container input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0}
.suggestions-container{
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 10;
    display: none;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    background-color: var(--white-color);
    border: 1px solid var(--primary-dark-color);
    border-top: none;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)}
.suggestions-input-container input{padding-right: 40px}
.suggestions-input-container span,.nav-search-input-container span{
    position: absolute;
    top: 6px;
    right: 3px;
    display: block;
    width: 34px;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%}
.suggestions-input-container input:focus{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0}
.suggestions-container li:nth-child(odd){background-color: var(--light-gray-color)}
.suggestions-container li a{
    color: var(--text-color);
    text-align: left;
    padding: 10px 15px;
    cursor: pointer}
.hsn-container,.sac-container,.gst-result-rate,.gst-result-code{
    width: calc(50% - 20px);
    float: left;
    text-align: left}
.sac-container,.gst-result-code{margin-left: 40px}
.gst-result-container{
    position: relative;
    margin-top: 72px;
    border-top: 4px solid var(--primary-color)}
.gst-result-title{
    position: absolute;
    top: -32px;
    left: 50%;
    display: inline-block;
    color: var(--white-color);
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    transform: translateX(-50%);
    padding: 8px 15px;
    background-color: var(--primary-color);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)}
.gst-result-description{
    color: var(--text-dark-color);
    font-size: 18px}
.gst-result-rate,.gst-result-code{
    color: var(--text-dark-color);
    padding: 10px 15px;
    border-width: 2px 2px 2px 8px;
    border-style: solid;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)}
.gst-result-rate{border-color: var(--success-color)}
.gst-result-code{border-color: var(--warning-color)}
.gst-result-rate span,.gst-result-code span{font-size: 20px}
.gst-result-rate b,.gst-result-code b{
    font-size: 30px;
    font-weight: 500}

/* Search Company */
.company-search-section{
    min-height: calc(100vh - 98px);
    background-color: var(--body-bg-color)}
.company-search-container input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0}
.company-search-container button{
    width: 120px;
    padding: 11px 15px;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0}

/* Search Company Result */
.company-result-search-section{padding: 40px 80px}
.company-results-container,.company-details-container{
    width: calc(100% - 300px);
    float: left}
.company-result-container + .company-result-container{margin-top: 30px}
.company-result-container .secondary-title{color: var(--primary-color)}
.company-results-banner{
    position: sticky;
    top: 70px;
    width: 300px;
    float: left;
    padding-left: 40px}
.company-results-banner a{
    overflow: hidden;
    border-radius: var(--border-radius)}
.company-result-data-container{margin-bottom: 20px}
.company-result-key{
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 6px}
.company-result-value{
    color: var(--primary-dark-color);
    font-size: 16px}
.company-result-description,.company-details-container .company-search-container{margin: 0}

/* Company Details */
.company-detail-container{
    position: relative;
    margin-top: 60px;
    border-top: 4px solid var(--primary-color)}
.company-detail-title{
    position: absolute;
    top: -36px;
    left: 0;
    display: inline-block;
    color: var(--white-color);
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: var(--primary-color);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)}
.company-detail-key,.company-detail-value{
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0}
.company-detail-key{
    position: relative;
    font-weight: 500;
    padding-right: 25px}
.company-detail-key::before{
    content: ":";
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block}
.company-detail-value{color: var(--text-dark-color)}
.company-detail-row:first-child .company-detail-key,.company-detail-row:first-child  .company-detail-value{margin-top: 0}
.company-detail-row:last-child .company-detail-key,.company-detail-row:last-child  .company-detail-value{margin-bottom: 0}
.company-detail-value a,.company-details-note a{color: var(--primary-color)}

/* Footer */
footer{
    padding: 60px 80px 0px;
    background-color: var(--text-dark-color)}
footer a{
    color: var(--white-color);
    font-weight: 500}
.footer-column{
    width: calc(25% - 22.5px);
    float: left;
    margin-left: 30px}
.footer-column:first-child{margin-left: 0}
.footer-social{margin-top: 30px}
.footer-social li{
    display: inline-block;
    float: left;
    margin-left: 15px}
.footer-social li:first-child{margin-left: 0px}
.footer-social li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    float: left;
    background-color: var(--gray-color);
    background-image: url('../images/icons/social.png');
    background-size: 500%;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius: var(--border-radius)}
.footer-social li a.twitter{background-position: -35px 0}
.footer-social li a.instagram{background-position: -70px 0}
.footer-social li a.youtube{background-position: -105px 0}
.footer-social li a.linkedin{background-position: -140px 0}
.footer-title{
    color: var(--light-gray-color);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px}
.footer-column > li > a,.footer-column > li > p{
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 3px}
.copyright,.techcruzers{
    color: var(--gray-color);
    text-align: center;
    line-height: 1.5}
.copyright{margin: 20px 0 15px}
.techcruzers{
    color: var(--gray-color);
    padding: 15px 0;
    border-top: 1px solid var(--gray-color)}
#copy-textbox{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1}

/* Whatsapp */
.floating-whatsapp-container{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 970;
    width: 60px;
    height: 60px}
.floating-whatsapp{
    height: 100%;
    padding: 15px;
    background-color: var(--whatsapp-color);
    background-image: url('../images/icons/whatsapp.svg');
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%}
.floating-whatsapp.animate{animation: ring 2s ease-in-out both}
.floating-content-container{
    position: absolute;
    top: -21px;
    right: 0;
    white-space: nowrap;
    padding: 8px 10px;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    background-color: var(--primary-color);
    border-radius: var(--border-radius)}
.floating-content-container::before,.floating-content-container::after{
    content: "";
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    background-color: var(--primary-color);
    border-radius: 50%}
.floating-content-container::before{
    right: 45px;
    bottom: -7px;
    width: 12px;
    height: 12px}
.floating-content-container::after{
    right: 30px;
    bottom: -18px;
    width: 9px;
    height: 9px}
.floating-whatsapp-container.active .floating-content-container,
.floating-whatsapp-container.active .floating-content-container::before,
.floating-whatsapp-container.active .floating-content-container::after{
    visibility: visible;
    opacity: 1}
.floating-content-container h5{
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500}
.floating-content-container p{
    color: var(--white-color);
    font-size: 12px;
    margin-bottom: 0}
.close-floating-content{
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: 18px;
    color: var(--white-color);
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    background-color: var(--error-color);
    border-radius: 50%;
    cursor: pointer}

/* Ring Animation */
@-webkit-keyframes ring{
    0%{-webkit-transform: translateZ(0)}
    15%{-webkit-transform: translate3d(-25%,0,0) rotate(-5deg)}
    30%{-webkit-transform: translate3d(20%,0,0) rotate(3deg)}
    45%{-webkit-transform: translate3d(-15%,0,0) rotate(-3deg)}
    60%{-webkit-transform: translate3d(10%,0,0) rotate(2deg)}
    75%{-webkit-transform: translate3d(-5%,0,0) rotate(-1deg)}
    100%{-webkit-transform: translateZ(0)}
}
@keyframes ring{
    0%{
        -webkit-transform: translateZ(0);
        transform: translateZ(0)}
    15%{
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)}
    30%{
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)}
    45%{
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)}
    60%{
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)}
    75%{
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)}
    100%{
        -webkit-transform: translateZ(0);
        transform: translateZ(0)}
}

/* Modal */
.modal-open{cursor: pointer}
.modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    opacity: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    outline: none}
.modal.fade{visibility: hidden}
.modal.in{visibility: visible}
.modal-content{
    position: relative;
    display: flex;
    max-height: 95vh;
    flex-direction: column;
    text-align: left;
    padding-bottom: 20px;
    background-color: var(--white-color);
    overflow-y: auto;
    border-radius: var(--border-radius)}
.modal.fade .modal-content{
    -webkit-animation: closeModal 0.2s;
    animation: closeModal 0.2s}
.modal.in .modal-content{
    -webkit-animation: openModal 0.3s;
    animation: openModal 0.3s}
.modal-content.modal-lg{width: 94%}
.modal-content.modal-md{width: 600px}
.modal-content.modal-sm{width: 420px}
.modal-content.modal-xs{width: 300px}
span.close-modal{
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px;
    color: var(--error-color);
    font-size: 26px;
    line-height: 20px;
    text-align: center;
    padding-left: 1px;
    border: 1px solid var(--error-color);
    border-radius: 50%;
    cursor: pointer}
.modal-head{
    color: var(--primary-dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px;
    padding-right: 40px;
    background-color: var(--body-bg-color);
    border-bottom: 1px solid var(--border-color)}
.modal-body{
    position: relative;
    padding: 20px;
    padding-bottom: 0;
    overflow: hidden;
    overflow-y: auto}
.modal-body p{line-height: 1.5}
.alert-modal p{
    color: var(--text-dark-color);
    margin-bottom: 0}
.thank-you-container{max-width: 650px}
.payment-status-container,.payment-status-modal .modal-foot,.thank-you-foot{text-align: center}
.payment-status-container h2{
    color: var(--text-dark-color);
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px}
.payment-status-container img{
    width: 70px;
    height: 70px;
    margin: auto;
    padding: 12px;
    margin-top: 25px;
    margin-bottom: 10px;
    border: 2px solid;
    border-radius: 50%}
.payment-status-container img.success{border-color: var(--success-color)}
.payment-status-container img.error{border-color: var(--error-color)}
.payment-status-container img.warning{border-color: var(--warning-color)}
.payment-status-container p{
    margin-bottom: 0;
    margin-top: 6px}
.payment-status-container p b{
    color: var(--text-dark-color);
    font-weight: 500}
.payment-status-container form{padding: 20px 20% 0}
.modal-foot{
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--border-color)}
.thank-you-foot{margin-top: 40px}
.modal-foot button,.modal-foot .button{width: auto}
.alert-modal .modal-foot,.payment-status-modal .modal-foot{
    margin-top: 0;
    border-top: none}

  /* Modal Animation */
@-webkit-keyframes openModal{
    0%{-webkit-transform: scale(0.7)}
    45%{-webkit-transform: scale(1.05)}
    80%{-webkit-transform: scale(0.95)}
    100%{-webkit-transform: scale(1)}
}
@keyframes openModal{
    0%{
        -webkit-transform: scale(0.7);
        transform: scale(0.7)}
    45%{
        -webkit-transform: scale(1.05);
        transform: scale(1.05)}
    80%{
        -webkit-transform: scale(0.95);
        transform: scale(0.95)}
    100%{
        -webkit-transform: scale(1);
        transform: scale(1)}
}
@-webkit-keyframes closeModal{
    0%{-webkit-transform: scale(1)}
    100%{-webkit-transform: scale(0)}
}
@keyframes closeModal{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1)}
    100%{
        -webkit-transform: scale(0);
        transform: scale(0)}
}

/* Floating Animation */
@-webkit-keyframes floating{
    0%,100%{-webkit-transform: translate(0,0)}
    65%{-webkit-transform: translate(0,15px)}
}

@keyframes floating{
    0%,100%{
        -webkit-transform: translate(0,0);
        transform: translate(0,0)}
    65%{
        -webkit-transform: translate(0,15px);
        transform: translate(0,15px)}
}

/* Loader */
.loader-parent{
    position: relative;
    min-height: 100px}
.fixed{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999}
#loading{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.7);
    z-index: 99;
    cursor: progress}
.loader{
  position: absolute;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto}
.circular{
 animation: rotate 2s linear infinite;
 height: 100px;
 position: relative;
 width: 100px}
.path{
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: 
   dash 1.5s ease-in-out infinite,
   color 6s ease-in-out infinite;
  stroke-linecap: round}
@keyframes rotate{
 100%{transform: rotate(360deg)}
}
@keyframes dash{
 0%{
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0}
 50%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35}
 100%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124}
}
@keyframes color{
  100%,0%{stroke: #d62d20}
  40%{stroke: #0057e7}
  66%{stroke: #008744}
  80%,90%{stroke: #ffa700}
}

/* SnackBar */
#snackbar{
    margin: auto;
    font-weight: 600;
    text-align: center;
    padding: 0 10px;
    position: fixed;
    z-index: 1050;
    left: 0;
    right: 0;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
    pointer-events: none}
#snackbar.show{
    top: 100px;
    opacity: 1;
    visibility: visible}
.snackbar{
    display: inline-block;
    padding: 12px 20px;
    color: var(--white-color);
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow)}
.snackbar.success{background-color: var(--success-color)}
.snackbar.error{background-color: var(--error-color)}

/* Nav Changes On Screen Resize */
@media screen and (min-width: 933px) and (max-width: 1270px){ header{padding: 11px 15px} }
@media screen and (min-width: 933px) and (max-width: 1140px){ .nav-item > a{padding: 12px 10px} }
@media screen and (min-width: 933px) and (max-width: 1085px){ .nav-item > a{padding: 12px 5px} }

/* For Desktop View */
@media screen and (min-width: 933px){
    button:hover,.button:hover{background-color: var(--primary-dark-color)}
    button.white-outline-button:hover,.button.white-outline-button:hover{
        color: var(--primary-color);
        background-color: var(--white-color)}
    button.secondary-button:hover,.button.secondary-button:hover{background-color: var(--secondary-dark-color)}
    button.cancel-button:hover,.button.cancel-button:hover{
        color: var(--text-dark-color);
        background-color: transparent}
    .nav-item:hover > a:not(.active),.nav-sub-menu li a:hover:not(.active){color: var(--primary-dark-color)}
    .blog-wrapper:hover .blog-title,.content-container a:hover,.number-title-list li a:hover,.dotted-title-list li a:hover,
    .title-list li a:hover,.service-header-content p a:hover,.faq-body a:hover,.documents-container + p a:hover{color: var(--primary-color)}
    .nav-item:hover .nav-sub-menu{
        top: calc(100% + 10px);
        opacity: 1;
        visibility: visible}
    .home-slider:hover .slick-prev{
        left: 0;
        opacity: 1}
    .home-slider:hover .slick-next{
        right: 0;
        opacity: 1}
    .process-wrapper:hover{box-shadow: none}
    .process-wrapper:hover::before{
        opacity: 1;
        border-radius: 0}
    .process-wrapper:hover svg{fill: var(--white-color)}
    .process-wrapper:hover .process-title,.process-wrapper:hover .process-description{color: var(--white-color)}
    .blog-wrapper:hover .blog-image{transform: scale(1.2)}
    .expert-link:hover{text-decoration: underline}
    .document-wrapper:hover::before{height: 100%}
    .document-wrapper:hover h5{
        top: 0;
        color: var(--white-color);
        transform: translateY(0)}
    .document-wrapper:hover p{opacity: 1}
    .footer-social li a:hover{background-color: var(--white-color)}
    span.close-modal:hover{
        color: var(--white-color);
        background-color: var(--error-color)}
    .floating-content-container:hover .close-floating-content{
        top: -21px;
        visibility: visible;
        opacity: 1}
    .suggestions-container li:hover,.nav-search-results li a:hover{
        color: var(--text-dark-color);
        background-color: var(--border-color)}
    .company-result-container .secondary-title:hover,.company-detail-value a:hover,.company-details-note a:hover{color: var(--primary-dark-color)}
    .footer-column > li > a:hover{color: var(--light-gray-color)}
}