@font-face {

    font-family: 'coolveticaregular';

    src: url('/assets/fonts/free-net-coolvetica-rg-webfont.woff2') format('woff2'),

         url('/assets/fonts/fontsfree-net-coolvetica-rg-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'gothambook';

    src: url('/assets/fonts/gothambook-webfont.woff2') format('woff2'),

         url('/assets/fonts/gothambook-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



:root {

    --bs-primary: #e90034; 

    --bs-secondary: #000027; 

    --bs-dark:#262d32;

    --bs-light:#edf7fb;

    --bs-blue:#000027;

    --bs-radius: 0px;  

}




#sec3 .study-box img{width:100%}
#sec3 .study-box .overlay .country-flag{width:50px;}




.font-cool{font-family: 'coolveticaregular';}



.bg-light{background: var(--bs-light) !important;}

.bg-primary{background: var(--bs-primary) !important;}

.bg-blue{background: var(--bs-blue) !important;}

.btn.bg-white:hover, .text-primary{color: var(--bs-primary) !important;}

.bg-secondary, .btn-secondary,  .btn-outline-primary:hover, .btn-outline-secondary:active{background: var(--bs-secondary)!important;}

.btn-primary, .btn-secondary:hover{border: 2px solid var(--bs-primary)!important;background: var(--bs-primary)!important;color: var(--bs-white);}

.btn-secondary, .btn-primary:hover{border-color: var(--bs-secondary)!important;background:var(--bs-secondary)!important;}

.btn{padding: 0.5rem 1rem !important;border-radius: 3px !important;}

.btn:focus, .btn:active:focus{outline: none !important;  box-shadow: none;}

.btn, .form-control, .form-select,  .card{border-radius: var(--bs-radius);}

input::selection, .form-check-input:checked {color: var(--bs-white);background-color: var(--bs-secondary);}

.text-red{color: #ff0000;}

#headform .form-control::-webkit-input-placeholder { color: #c7c5c5 !important;}

#headform .form-control:-ms-input-placeholder {color: c7c5c5 !important;}

#headform .form-control::placeholder {color: c7c5c5 !important;}

.h-65{height: 65%;}

a {text-decoration: none;}

.w-35{width:35%;}

.text-blue {color: var(--bs-blue) !important;}

.text-secondary {color: var(--bs-secondary) !important;}

.text-red{color:#ff0000;}

html{scroll-behavior: smooth;}

.font-small{font-size:14px;}

.update-box-left, .update-box-right{border-radius:10px 10px 10px 10px;}



.update-box-left img{border-radius:10px 10px 0px 0px;}



 .update-box-right .bg-secondary{border-radius:10px 0px 0px 10px;}

.banner-heading{color: #fff; font-size: 60px;line-height: 60px;}

#contact-banner .nav li {font-size: 20px; color: #fff}

#contact-banner .nav li:first-child { padding-left: 0 !important;}

#contact-banner  .nav li:before { content: '✓'; position: absolute;font-size: 28px;margin-left: 2px;margin-top: -10px;}

#contact-banner .call-btn {border-radius: 50px !important;background: var(--bs-primary) !important;color: #ffff;}

#contact-banner .call-btn:hover {background: #ffff !important; color: var(--bs-primary) !important;}

#contact-banner .order-btn {border-radius: 50px !important;}

body{ font-family: 'gothambook';}

body::-webkit-scrollbar-track, #long-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: var(--bs-radius);background-color: var(--bs-secondary);}

body::-webkit-scrollbar, #long-content::-webkit-scrollbar{width: 10px;background-color: var(--bs-primary);}

body::-webkit-scrollbar-thumb, #long-content::-webkit-scrollbar-thumb{border-radius: var(--bs-radius);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:  var(--bs-primary);}



#sec1{background: var(--bs-primary);padding: 80px 0px;background-image: url('/assets/images/new-banner.jpg');background-repeat: no-repeat;background-size: 100%;background-position: bottom;overflow-x: hidden;}

#sec1 h1{font-size: 44px !important;line-height: 1.1 !important;text-shadow: 0px 2px 2px #00000055;letter-spacing: 2px;}

#sec1 h1 span{color: var(--bs-primary) !important;}

#sec1 h2{font-size: 18px !important;font-weight: 500 !important;line-height: 1.18 !important;text-shadow: 0px 2px 2px #00000055;}

#sec1 .bg-white:hover{background:var(--bs-blue) !important;color:var(--bs-white) !important;}

#sec2 .process-box .shadow{border-radius:10px;}

#sec2 .process-box .arrow{

    right: -40px;

    top: 65px;

  width:50px;

}

.header-top, .header-top li a{font-size: 12px;}

.header-top{border-bottom:1px solid var(--bs-dark)}

header, .header-top{background:  transparent;}

#header{background: transparent;}

/* The sticky class is added to the header with JS when it reaches its scroll position */

.sticky {

  position: fixed !important;

  top: 0px !important;

  width: 100% !important;

  background: var(--bs-secondary) !important;

  z-index: 9;

}



#logo img{transition: 0.2s; }

.big-logo img{width: 100%;}

.small-logo img{width: 75%;}

.navbar-nav .nav-item .nav-link{font-size: 14px;font-weight: 300;color: var(--bs-white);}

.navbar-nav li:last-child .nav-link{padding-right:0px !important;}

.navbar-expand-lg .navbar-nav .dropdown-menu {border-top: 3px solid var(--bs-primary);}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-item{border-bottom: 1px solid #efefef;margin-bottom: 0px !important;}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-item a{font-size: 15px;padding: 9px 15px;}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {background-color: var(--bs-blue);color: var(--bs-white) !important;}

.head-form{background: #000027;width: 86%;border-radius: 10px;margin-left: 50px !important;} 

.head-form .form-control {color: #ccc;background-color: #ffffff;font-size: 14px;border-radius: 3px;}

.pricetag{left:-37px;top:20px;}

.header-success{font-size: 14px; font-weight: 600;}

.sidebar-check li:before, .footer-nav li a:before, #sec6 .service-list li:before {font-family: "Font Awesome 6 Free";font-weight: 900; margin-right:10px;}

#sec1 .banner-img{right:-50px;}

#sec1 .main-slider .slick-list{margin-bottom:50px;}

#sec3 .study-box:before{content:"";position:absolute;top:0px;left:0px;background: #00000045;width: 100%;height: 100%;z-index: 1;}

#sec3 .study-box h2{z-index: 2;}

#sec3 .study-box {overflow: hidden;border-radius: 10px;}

#sec3 .study-box .overlay {overflow: hidden;width: 100%;height: 0;transition: .5s ease;border:1px solid #ccc;z-index: 3;}

#sec3 .study-box .front h2{text-shadow: 0px 0px 5px #000;}

#sec3 .study-box:hover .front h2{display:none;}

#sec3 .study-box:hover .overlay {height: 100%;cursor: pointer;background: #ededede8;}

#sec3 .study-box .overlay img{width:50px;}





#sec5 .media-object{margin-left: -30px;width: 90px;height: 90px;text-align: center;border-radius: 100%;padding: 14px;display: flex;justify-content: center;align-items: center;box-shadow: 4px 4px 0px #000;}

#sec6 .service-box{border: 1px solid var(--bs-blue);border-radius: 8px;height: 430px;max-height: 450px;}

#sec6 .service-box .service-boxhead{border-bottom:1px solid var(--bs-blue);}

#sec6 .service-box .service-boxhead .service-boximg{background: var(--bs-blue);margin:0px auto;width: 100px;height: 100px;padding: 20px 0px 0px 0px;border-radius: 100%;text-align: center;vertical-align: middle;display: block;border: 10px solid #F9F9F9;margin-top: -50px;}

#sec6 .service-list li, .sidebar-check li{font-size: 16px;display:flex;}

#sec6 .service-list li:before, .sidebar-check li:before{content: "\f00c";color: var(--bs-primary);}



/*#sec8{background: url('../images/longcontent-bg.webp') no-repeat;background-size: cover;}*/

#long-content{overflow-y:scroll;}

#long-content .fancy-border{position:relative;padding-bottom: 28px;font-size: 1.75rem;}

#long-content .fancy-border:before, #long-content .fancy-border:after{content: ""; position:absolute;width: 80px; height:3px;}

#long-content .fancy-border:before{background:var(--bs-primary);left: 44%;bottom: 16px;}

#long-content .fancy-border:after{background:var(--bs-secondary);right: 44%;bottom: 5px;}



.scroll {

    overflow-y: scroll;

    height: 560px;

}

.scroll-downs {top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 130px;height: 55px;}

.mousey {height: 30px;opacity: 1;box-sizing: content-box;color: #fff;}

.scroller {width: 30px;float: left;height: 30px;border-radius: 50%;animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;text-align: center;line-height: 30px;background: var(--bs-secondary);color: #fff;}

div.readmoretxt {width: 131px;font-size: 16px;margin-left: 35px;color: #000;font-weight: 600;}



#sec9 .iteminkwork {padding: 26px 0;width: 100%;background: url('/assets/images/myshapestyle.png');background-size: cover;background-position: center;height: 194px;}

#sec9 .iteminkwork ul {position: relative;top: 30px;padding: 0;}

#sec9 .iteminkwork ul li {display: inline-block;width: 100%;max-width: 190px;text-align: center;}

#sec9 .iteminkwork ul li:nth-child(1) {margin-left: -13px;}

#sec9 .iteminkwork ul li:nth-child(2) {margin-left: -14px;}

#sec9 .iteminkwork ul li:nth-child(3) {margin-left:-20px;}

#sec9 .iteminkwork ul li:nth-child(4){margin-left: -3px;}

#sec9 .iteminkwork ul li:nth-child(5) {margin-left: 10px;}

#sec9 .iteminkwork ul li img {width: 55px;vertical-align: middle;}

#sec9 .iteminkwork .imgbox{display: block;height: 145px;}



#sec10 .mobile-review{margin-top:-50px;}

#sec10 .customer-review{padding-bottom: 50px;}

#sec10 .cr-box{border-radius:20px;}

#sec10 .cr-box:hover{background:var(--bs-light);border: 1px solid #20326845; cursor: pointer;}

#sec10 .cr-header{border-bottom: 1px solid #20326845;color: #203268ba;}

#sec10 .cr-content {height: 250px;}

#sec10 .cr-footer {color: #203268ba;}

#sec10 .customer-review .slider-arrow {position: absolute;bottom: 0%;z-index: 10;font-size: 18px;width: 40px;height: 40px;border-radius: 50%;padding: 10px;display: block;border: 1px solid #cbcbcb;text-align: center;color: var(--bs-primary);background: #fff;}

#sec10  .slider-arrow:hover, #sec1 .customer-review .slider-arrow:hover{color:var(--bs-primary); border:1px solid var(--bs-primary); cursor: pointer;}

#sec10 .slider-prev {right: 8%;}

#sec10 .customer-reviewr .slider-next, #sec10 .customer-review .slider-next{right: 0%;}

#sec10 .customer-review .slider-arrow:hover, #sec10 .customer-review.slider-arrow:hover {color:var(--bs-blue);border:1px solid var(--bs-blue);cursor: pointer;}

#sec10 .slick-dots{display: flex;list-style: none;padding-left: 0px;}



#contact-us .contact-box{width: 85%;}

.contact-box{height: 100%;

    display: contents;}

.fancy-head{position: relative;padding-bottom: 10px;}

.fancy-head:before, .fancy-head:after{content: ""; position: absolute; bottom: 0px;} 

.fancy-head:before{background: var(--bs-primary);width: 80px;height: 3px;z-index: 1;bottom: -1px;}    

.fancy-head:after{z-index: 0;border-bottom: 1px solid #888;width: 100%;left: 0;}  

.thankyou-page h1, .notfound-page h1{font-size:8vw;text-shadow: 0px 0px 10px #00000078;}

#contact-banner{background:url(/assets/images/Without-Text.jpg); background-size: cover; background-repeat: no-repeat;} 

#contact-banner .fa-circle:before {content: "\f111";color: #e90034;}

#sec12 .accordion-header {margin-bottom: 0;min-height: 80px;}

#sec12 .accordion-button{font-weight: 600 !important;font-size: 18px !important;text-transform: capitalize;background: transparent;color: var(--bs-dark);box-shadow: none !important;}

#sec12 .accordion-body{padding-top:0px;min-height: 165px;}



#sec12 .accordion-item{position:relative;padding: 15px 5px 15px 15px;}

#sec12 .accordion-collapse{}

#sec12 .accordion-item .show:before{content:"";width:5px;height:100%;position: absolute;left: 0px;background: var(--bs-primary);z-index: 1;top: 0;}

#sec12 .accordion-button::after {margin-right: -5px;}

#service-sidebar{  position: -webkit-sticky;position: sticky;top: 4%;}







.services-box{position:relative;}

.services-box p{font-size:15px;min-height: 200px;}

.services-box:hover a.btn-primary{background-color:var(--bs-white) !important;color:var(--bs-primary);border:1px solid var(--bs-primary);} 

.services-box:hover a.btn-secondary{background-color:var(--bs-white) !important;color:var(--bs-secondary);border:1px solid var(--bs-secondary);} 

.timeline {list-style: none;padding: 20px 0 20px;}



.timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;left: 50%;margin-left: -1.5px;}

.timeline > li {margin-bottom: 20px;position: relative;}

.timeline > li:before, .timeline > li:after {content: " ";display: table;}

.timeline > li:after {clear: both;}

.timeline > li > .timeline-panel {width: 46%;float: left;border: 1px solid #d4d4d4;border-radius: 2px;padding: 20px;position: relative;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}

.timeline > li > .timeline-panel:before {top: 26px;right: -15px;  border-top: 15px solid transparent;border-left: 15px solid #ccc;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;}

.timeline > li > .timeline-panel:after {top: 27px;right: -14px;border-top: 14px solid transparent;border-left: 14px solid #fff;border-right: 0 solid #fff;border-bottom: 14px solid transparent;}

.timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel:after{content: " ";position: absolute; display: inline-block;}

.timeline > li > .timeline-badge {color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 1.4em;text-align: center;position: absolute;top: 16px;left: 50%;margin-left: -25px;z-index: 3;border-radius: 50%;}

.timeline > li.timeline-inverted > .timeline-panel {float: right;}

.timeline > li.timeline-inverted > .timeline-panel:before {border-right-width: 15px;left: -15px;}

.timeline > li.timeline-inverted > .timeline-panel:after {border-right-width: 14px;left: -14px;}

.timeline > li.timeline-inverted > .timeline-panel:before, .timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;right: auto;} 





.timeline-body > p,

.timeline-body > ul {margin-bottom: 0;}



.timeline-body > p + p {margin-top: 5px;}

.about-page:before{content:"";position:absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: #00002794;z-index: 0;}

.about-page{background: url('../images/about-bg.jpg') no-repeat;padding: 10% 0% 3% 0%;color: #fff;background-size: cover;z-index: 0;} 

.about-page .container{z-index:1;position: relative;}

.blog:before{content:"";position:absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: #00002794;z-index: 0;}

.blog{background: url('../images/about-bg.jpg') no-repeat;padding: 10% 0% 3% 0%;color: #fff;background-size: cover;z-index: 0;} 

.blog .container{z-index:1;position: relative;}



footer{background: var(--bs-dark); color:var(--bs-white) !important;font-size: 15px;}

.footer-nav li a:before {content: "\f0da";color: var(--bs-primary);}

footer ul li a{ color:var(--bs-white) !important; font-size: 15px;}

footer ul li {display: flex;}

.social-media li{width: 35px;height: 35px;border-radius: 4px;background:var(--bs-white);text-align: center;margin-right: 8px;display: flex;align-items: center;justify-content: center;}

.social-media li:hover{background:var(--bs-primary);}

.social-media li a{color: var(--bs-dark) !important;padding: 0px;}



@media (min-width: 992px){

.modal-lg {

    width: 600px;

}

}



@media (min-width: 1200px){

  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 90%;} 

}





@media (max-width: 575.98px) {

  #sec1 button{width:50%;}

  .vh-85 {height: auto !important;}

  #sec1 .order-m-1 {order: 1!important;}

  #sec1 .order-m-2 {order: 2!important;}

  #sec3 .col-lg-5 {margin-bottom: 25px !important;}

  #sec3 .d-flex.shadow {padding: 0px 15px;}

  #sec3 .media-object {margin-left: 0px;width: 80px;height: 80px;}

  #sec3, #sec9, #sec5{padding-bottom: 0px!important;}

  #sec9 .iteminkwork {background: none;height: auto;padding: 26px 0px  0px 0px;}

  #sec9 .iteminkwork ul {top: 0px;margin-bottom: 0px;}

  #sec9 .iteminkwork ul li {max-width: 47%;margin-bottom: 20px;box-shadow: 0px 0px 10px #0000006e;padding: 15px 5px;}

  #sec9 .iteminkwork ul li:nth-child(1), #sec9 .iteminkwork ul li:nth-child(3) {margin-right: 15px;}

  #sec9 .iteminkwork ul li:nth-child(1), #sec9 .iteminkwork ul li:nth-child(2), #sec9 .iteminkwork ul li:nth-child(3),#sec9 .iteminkwork ul li:nth-child(4)#sec9 .iteminkwork ul li:nth-child(5) {margin-left: 0px;}

  #sec9 .iteminkwork ul li img {width: 70px; height:70px;vertical-align: middle;}

  #sec9 .iteminkwork .imgbox{margin-bottom: 10px;height: auto;}

  #sec5 .slick-center {padding-bottom: 10px;}

  #sec6 {padding-top: 0px!important;}

  #sec6 .service-box {margin-bottom: 20px;height: auto;}

  #sec8 {text-align: justify;}

  #sec10 .customer-review {padding-bottom: 0px;}

  #myHeader  {z-index: 999;background: var(--bs-secondary) !important;}

  #myHeader .navbar-toggler {background: #e90034;}

  .sticky {position: fixed !important;top: 0px !important;width: 100% !important;background: var(--bs-secondary) !important;z-index: 9;}
  
  #sec1 .row{flex-direction: column-reverse;}

  .home-alig {display: block !important;}

  #sec1 h1 span { color: #000027 !important;}

  .head-form {background: #000027;width: 90%;border-radius: 10px;margin: auto !important;}

  .banner-img {width:  50% !important;}

  #sec1 { padding-top: 0 !important;}

  #sec2 .process-box .arrow {right: 0;top: 0;width: 50px;rotate: 90deg; position: relative !important;}

  #sec4 .p-4 { width: 100%;max-width: 100%;margin: auto !important;}

  .update-box-left { margin-bottom: 20px;}

  .update-box-right .col-lg-5 .py-5 {padding: 0 !important;}

  .update-box-right {width: 100%; max-width: 100%; margin: auto;}

  .mobile-box .col {width: 80%; max-width: 100%; margin: auto;} 

  .mobile-box {display: block;}

  .mobile-services { flex-direction: column;align-items: center;}

  .mobile-services .media-object{margin-left: 0 !important}

  .mobile-services .flex-grow-1 { text-align: center; padding-top: 10px;}

  #sec10 .mobile-review {margin-top: 0px; width: 30%; max-width: 100%;}

  .scroll::-webkit-scrollbar-thumb{border-radius: var(--bs-radius);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: var(--bs-primary);}
  
  .scroll::-webkit-scrollbar {width: 4px;background-color: var(--bs-primary);}

  .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: var(--bs-radius);background-color: var(--bs-secondary);}

  .banner-heading {color: #fff;font-size: 26px;line-height: 30px;}

  .mobile-img {display: none;}
  .position-style {
    position: relative !important;
}
.timeline > li > .timeline-panel:after, .timeline > li.timeline-inverted > .timeline-panel:after {
    bottom: -24px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ccc transparent transparent transparent;
	left: 0;
    margin: 0 auto;
    top: auto;
}
.timeline > li > .timeline-panel:before, .timeline > li.timeline-inverted > .timeline-panel:before {
    bottom: -22px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
	left: 0;
    margin: 0 auto;
    top: auto;
    z-index: 1;
}
.timeline > li > .timeline-panel{
	width: 100%;
	position: relative;
	text-align: center;
  background: #fff;
}
.timeline > li > .timeline-badge {
    top: -30px;
}

.timeline-heading h3 {
    margin-top: 10px;
}
.mb-pt {
    justify-content: center;
    align-items: center;
    padding: 50px 0 !important;
}
}





@media (min-width: 768px) and (max-width: 991.98px) {

    
#myHeader  {z-index: 999;background: var(--bs-secondary) !important;}

#sec3 img {width: 100%;}

#contact-banner {
    background: url(/assets/images/Without-Text.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70%;
}
.banner-heading {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
}
.mobile-img {
    display: none;
}
.position-style {
    position: relative !important;
}
}

.scroll {

    overflow-y: scroll;

    height: 570px;

}