:root {
    --bs-primary: #fcb900; 
    --bs-secondary: #ebad01; 
    --bs-dark:#262d32;
    --bs-light:#edf7fb;
    --bs-blue:#0345a0;
    --bs-radius: 4px;  
}
@font-face {
    font-family: 'robotobold';
    font-style: normal;
    src: url('/assets/fonts/roboto-bold.woff2') format('woff2'),
         url('/assets/fonts/roboto-bold.woff') format('woff');
    font-display: swap;
}
.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: transparent;color: var(--bs-dark);}
.btn-secondary, .btn-primary:hover{border-color: var(--bs-secondary)!important;background:var(--bs-secondary)!important;}
.btn{padding: 0.4rem 1.3rem !important;border-radius: 2px !important;font-weight: 500;}
.btn:focus, .btn:active:focus{outline: none !important;  box-shadow: none;}
.btn, .form-control, .form-select,  .card{border-radius: var(--bs-radius) !important;}
.btn:active, .btn:focus, .btn:active:focus{color:#000 !important;}
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: var(--bs-white) !important;}
#headform .form-control:-ms-input-placeholder {color: var(--bs-white) !important;}
#headform .form-control::placeholder {color: var(--bs-white) !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;}
img {opacity: 1;transition: opacity 1s;}
img[data-src] {opacity: 0;}
html{scroll-behavior: smooth;}
body{ background-color: white;font-family: 'Roboto', sans-serif;}
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-primary);}
body::-webkit-scrollbar, #long-content::-webkit-scrollbar{width: 10px;background-color: var(--bs-secondary);}
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-dark);}
#sec1{z-index: -2;background: url('/assets/images/bg-plain.webp');padding-bottom: 50px;}
#sec1 h1{font-size: 46px !important;font-weight: 800 !important;line-height: 1.1 !important;text-shadow: 0px 2px 2px #00000055;}
#sec1 h1 span{color: var(--bs-primary) !important;}
#sec1 h2{font-size: 22px !important;font-weight: 500 !important;line-height: 1.1 !important;text-shadow: 0px 2px 2px #00000055;}
#sec1 .bg-white:hover{background:var(--bs-blue) !important;color:var(--bs-white) !important;;}
#sec2{margin-top:-50px;width: 80%;}
.header-top li a{font-size: 14px;}
#header{padding:10px 0px; }
#logo img{transition: 0.2s; }
.big-logo img{width: 70%; }
.small-logo img{width: 50%;  }
.navbar-nav .nav-item .nav-link{font-size: 16px;font-weight: 400;color: var(--bs-dark);}
.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: var(--bs-blue);width: 77%;z-index: 9;} 
.head-form .form-control {color: var(--bs-white);background-color: #0261b7;border: 1px solid rgba(2,53,193,0.80);}
.pricetag{left: -36px;top:20px;z-index: 0;}
.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;}
#sec3 .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;}
#sec3 .choose-box{transition: all 1s;}
#sec3 .choose-box:hover{cursor: pointer;transition: all 1s;}
#sec3 .choose-box:hover .media-object{background: var(--bs-blue)!important;  transition: all 0.5s;}
#sec4 .iteminkwork { padding: 26px 0; width: 100%; background: url('/assets/images/myshapestyle.png'); background-size: cover; background-position: center; height: 194px;}
#sec4 .iteminkwork ul { position: relative; top: 30px; padding: 0;}
#sec4 .iteminkwork ul li { display: inline-block; width: 100%; max-width: 190px; text-align: center;}
#sec4 .iteminkwork ul li:nth-child(1) {margin-left: -13px;}
#sec4 .iteminkwork ul li:nth-child(2) {margin-left: -14px;}
#sec4 .iteminkwork ul li:nth-child(3) {margin-left:-20px;}
#sec4 .iteminkwork ul li:nth-child(4){margin-left: -3px;}
#sec4 .iteminkwork ul li:nth-child(5) {margin-left: 10px;}
#sec4 .iteminkwork ul li img {width: 55px;vertical-align: middle;}
#sec4 .iteminkwork .imgbox{display: block;height: 145px;}
#sec5 .ls-writer{border:1px solid var(--bs-blue);border-radius: 8px;}
#sec5 .ls-writer-head .writer-img{width:90px;height:90px;border-radius: 100%;border: 1px solid var(--bs-blue);padding: 3px;}
.slick-center {opacity: 1;padding-bottom: 50px;}
.slick-slide:not(.slick-active) {cursor: pointer; opacity: 0.2; }
.slick-current{opacity: 1;z-index: 9;}
.slick-center .slider-arrow, .customer-review .slider-arrow {position: absolute;bottom: 0%;z-index: 10;font-size: 21px;width: 54px;height: 54px;border-radius: 50%;padding: 15px;display: block;border: 1px solid #cbcbcb;text-align: center;color: #cbcbcb;}
.slick-center .slider-arrow:hover, .customer-review .slider-arrow:hover{color:var(--bs-primary); border:1px solid var(--bs-primary); cursor: pointer;}
.slick-center .slider-prev, .customer-review .slider-prev {left: 40%;}
.slick-center .slider-next, .customer-review .slider-next{ right: 40%;}
.slick-center .slider-arrow:hover, .customer-review .slider-arrow:hover {color:var(--bs-blue);border:1px solid var(--bs-blue);cursor: pointer;}
#sec6 .service-box:hover{height: 440px;max-height: 460px;transition: ease-out 0.5s;border: 1px solid var(--bs-primary);cursor: pointer;}
#sec6 .service-box:hover .service-boxhead .service-boximg {background: var(--bs-primary);transition: ease-out 0.5s;margin-top: -30px;}
#sec6 .service-box:hover .service-boxhead{border-bottom:1px solid var(--bs-primary);}
#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;  transition: ease-out 0.5s;}
#sec6 .service-list li, .sidebar-check li{font-size:15px; display:flex;}
#sec6 .service-list li:before, .sidebar-check li:before{content: "\f00c";color: var(--bs-primary);}
#sec9 .free-box{border: 2px dashed var(--bs-blue);border-radius: 8px;}
#sec9 .free-boxhead{background:var(--bs-blue);color:var(--bs-white);height: 60px;display: flex;justify-content: center;align-items: center;}
#sec9 .free-boxhead:after{width: 0;height: 0;border-left: 88px solid transparent;border-right: 88px solid transparent;position: absolute;bottom: -24px;left: 0;z-index: 99;content: '';border-top: 25px solid var(--bs-blue);}
#sec9 .free-boxcontent{font-weight: 600;}
#sec9 .free-boxcontent .discount{text-decoration: line-through;}
#sec10 .customer-review{ padding-bottom: 70px;}
#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;font-size: 14px;}
#sec10 .cr-footer {color: #203268ba;}
#contact-us .contact-box{width: 85%;}
.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:var(--bs-blue); color:var(--bs-white);} 
#sec11 .accordion-button{font-weight: 500 !important;font-size: 17px !important;text-transform: capitalize;background: var(--bs-white);color: var(--bs-dark);}
#service-sidebar{  position: -webkit-sticky;position: sticky;top: 4%;}
.h2-listing ol li{font-size: 1.5rem;font-weight: 600!important;}
.h4-listing  ol li{font-size: 1.25rem;font-weight: 600!important;}
.accordion-button {font-size:18px; font-weight:600;}
.accordion-button:focus{border: none;}
.accordion-button:not(.collapsed) {color: #000;background-color: var(--bs-white);box-shadow: none;}
.accordion-body{ transition: all 0.3s ease; opacity: 0;transform: scale(0.1);}
.show .accordion-body{  transition: all 0.3s ease; opacity: 1;transform: scale(1);}
.list-h4 ol>li{font-size: 1rem; font-weight: 700;}
.list-h3 ol>li{font-size: 1.75rem; font-weight: 700;}
#answers-single li a {color: #000;}
.list-wrapper .card-title a {color: #000;}
.simple-pagination ul{margin:40px 10px 20px 10px;padding:0;list-style:none;text-align:center}
.simple-pagination li{display:inline-block;margin-right:5px}
.simple-pagination li a,.simple-pagination li span{color:#666;padding:10px 15px;text-decoration:none;border:1px solid #eee;background-color:#fff;box-shadow:0 0 10px 0 #eee;}
.simple-pagination .current{color:#fff;background-color: var(--bs-primary);border-color: var(--bs-primary);}
.simple-pagination .next.current,.simple-pagination .prev.current{background: var(--bs-primary);} 
.table-of-contents ol li> ol{    list-style: lower-alpha;}
#answers-single .table-content ul li, #answers-single .table-content ol li{margin-bottom: 10px;}
#answers-single .table-content ol li { font-size: 1rem;}
.sitemap-page ul{border: 1px solid #ccc;list-style: none;padding-left: 0;}
.sitemap-page ul li{border-bottom: 1px solid #ccc;padding: 10px 15px 10px 50px;position: relative;}
.sitemap-page ul li a{color: #6e6e6e;font-size: 15px;}
.sitemap-page ul li:hover{background: #e6e6e69e;cursor: pointer; }
.sitemap-page ul li:before {
    content: "\f178";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--bs-blue);
    left: 20px;
    position: absolute;
}
#whatsapp {position:fixed;left: 20px;z-index: 9;bottom: 5%;animation: bounce2 2s ease infinite;top: auto;width: 60px;height: 60px;}
@keyframes bounce2 {
    0%{transform: translateY(0);} 
    40% {transform: translateY(-30px);}  
    60% {transform: translateY(-15px);}
}
.iti {width: 100%;}
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: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 90%;} 
}
@media (max-width: 575.98px) {
  #sec1 button{width:50%;}
  .head-form {background: var(--bs-blue);width: 90%; margin:40px auto;}
.pricetag {left: 50px;top: -80px;z-index: 0;transform: rotate(90deg);right: auto;}
.header-top{display: none;}
#header{position: absolute;width: 100%;top: 0;}
.navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #d9d9d9;
    padding: 12px 15px;}
#sec1 {margin-top: 60px;padding-bottom: 0px;}
#sec1 h1 {font-size: 28px !important;font-weight: 700 !important;}
#sec1 h2 {font-size: 17px !important;font-weight: 400 !important;line-height: 26px !important;margin-bottom: 20px;}
  .vh-85 {height: auto !important;}
  .navbar-brand{width: 60%;}
  #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, #sec4, #sec5{padding-bottom: 0px!important;}
  #sec4 .iteminkwork {background: none;height: auto;padding: 26px 0px  0px 0px;}
  #sec4 .iteminkwork ul {top: 0px;margin-bottom: 0px;}
  #sec4 .iteminkwork ul li {max-width: 47%;margin-bottom: 20px;box-shadow: 0px 0px 10px #0000006e;padding: 15px 5px;}
  #sec4 .iteminkwork ul li:nth-child(1), #sec4 .iteminkwork ul li:nth-child(3) {margin-right: 15px;}
  #sec4 .iteminkwork ul li:nth-child(1), #sec4 .iteminkwork ul li:nth-child(2), #sec4 .iteminkwork ul li:nth-child(3),#sec4 .iteminkwork ul li:nth-child(4)#sec4 .iteminkwork ul li:nth-child(5) {margin-left: 0px;}
  #sec4 .iteminkwork ul li img {width: 70px; height:70px;vertical-align: middle;}
  #sec4 .iteminkwork .imgbox{margin-bottom: 10px;height: auto;}
  #sec4 ul li .h6{padding: 0px!important;} 
  #sec5 .slick-slide .row{padding: 0px!important;}
  #sec5 .slick-slide h2{margin: 0px !important;}
  #sec5 .rs-writer{padding: 15px!important;}
  #sec5 .slick-center {padding-bottom: 10px;}
  #sec6 {padding-top: 0px!important;}
  #sec6 .service-box {margin-bottom: 20px;height: auto;}
  #sec8 .h2, #sec8 h2 {font-size: 23px;}
  #contact-banner .gap-2{display:block !important;text-align: center;}
  #contact-banner .whatsappbtn{width: 70%;margin: 0px auto;display: block;}
  #contact-banner .orderbtn, #contact-banner .chatbtn{width: 44%;margin: 10px 5px !important;}
  #sec9 .free-boxhead:after {border-left: 80px solid transparent;border-right: 80px solid transparent;bottom: -24px;}
  #sec9 .free-box {margin-bottom: 15px;}
  #sec10 .customer-review {padding-bottom: 0px;} 
} 
@media (min-width: 768px) and (max-width: 991.98px) {
}