@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Urbanist', sans-serif; font-size:clamp(16px, 1.3vw, 18px); font-weight:400; color:#3b3b3b; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 20px 0; font-family: 'Urbanist', sans-serif; font-size:clamp(16px, 1.3vw, 18px); font-weight:400; color:#3b3b3b; line-height:clamp(18px, 1.8vw, 24px);}
h1{ margin: 0; padding: 0; font-size:clamp(26px, 5vw, 80px); line-height:clamp(30px, 5vw, 80px); font-family: 'Urbanist', sans-serif; font-weight: 700;}
h2{ margin: 0; padding: 0; font-size:clamp(26px, 5vw, 80px); line-height:clamp(30px, 5vw, 80px); font-family: 'Urbanist', sans-serif; font-weight: 700;}
h3{ margin: 0px 0px 20px; padding: 0;  font-size:clamp(22px, 2.6vw, 36px); line-height:clamp(24px, 2.6vw, 36px); font-family: 'Urbanist', sans-serif; color: #3b3b3b; font-weight: 700;}
h4{ margin: 0 0px 20px; padding: 0; font-size:clamp(16px, 1.7vw, 24px); line-height:clamp(20px, 1.45vw, 28px); font-family: 'Urbanist', sans-serif; color: #3b3b3b;  font-weight: 700;}
h5{ margin: 0 0px 20px; padding: 0; font-size: 16px; line-height: normal; font-family: 'Urbanist', sans-serif; color: #3b3b3b;}
h6{ margin: 0 0px 20px; padding: 0; font-size: 14px; line-height: normal; font-family: 'Urbanist', sans-serif; color: #3b3b3b;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color: #006bb1;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#006bb1;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #2a838e;}
::selection {  color: #fff; background: #2a838e;}

/* form css */
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder {color:#626262;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input[type="number"]::-moz-placeholder {color:#626262;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder {color:#626262;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="date"]:-moz-placeholder {color:#626262;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], input[type="date"], input[type="time"], select { display: block; width: 100%; font-weight: 400;  font-family: 'Urbanist', sans-serif; font-size:clamp(16px, 1.3vw, 18px); font-weight:400; color:#626262; line-height:clamp(20px, 1.7vw, 24px); color: #404040; height: auto; background: #fff; padding:19px 23px; margin-bottom:18px; outline: none; border-radius:50px; box-shadow: none; line-height: normal; border: 1px solid #cccccc; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; position:relative;}
textarea.form-control, textarea {height:128px; resize:none; overflow:hidden; border-radius: 25px;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border: 1px solid #cccccc; background-color:#efefef; box-shadow: none;}

.date input[type="text"] { display: block; background: url(../images/calendar-icon.html) no-repeat  calc(100% - 15px) center; text-align: left; text-align: -webkit-left;}
.date input[type="date"] { display: block; background: url(../images/calendar-icon.html) no-repeat  calc(100% - 15px) center; text-align: left; text-align: -webkit-left;}
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
input[type="time"]::-webkit-calendar-picker-indicator {  display:block; inset: 0; background: #0000; position:absolute; transform: scale(12); width: auto; cursor: pointer; }
.time input[type="text"] { display: block; background: url(../images/time-icon.html) no-repeat  calc(100% - 15px) center #fff; text-align: left; text-align: -webkit-left;}
.time input[type="time"] { display: block; background: url(../images/time-icon.html) no-repeat  calc(100% - 15px) center #fff; text-align: left; text-align: -webkit-left;}
.date input::-webkit-date-and-time-value, .time input::-webkit-date-and-time-value {text-align: left;}

/* form css */
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: none; border-radius: 0px; box-shadow: none; background-image:url(../images/down-arrow-select.png); background-position:calc(100% - 15px); background-repeat: no-repeat; font-size: 14px; color: #222221; height: auto; padding: 14px 35px 14px 20px; font-family: 'Futura PT Book'; line-height: normal; font-weight: 400; text-transform: none; cursor: pointer; background-color: #f4f5f4; background-size: 6px;}
select:focus {border:none;outline: none; background-color: #f4f5f4;}
select option {color:#1f1f1f; font-size:14px; font-weight:400;}

label {font-size: clamp(16px, 1.3vw, 20px);color: #585858; font-family: 'Urbanist', sans-serif; font-weight: 400;margin: 0px 0px 15px; padding: 0px;}
label span {color: #f00;}

/* button css */
.btn {position: relative; font-size:clamp(16px, 1.24vw, 18px); line-height:clamp(20px, 1.45vw, 28px); font-family: 'Urbanist', sans-serif; font-weight: 700; padding:13px 0px; letter-spacing: 0px; color: #207782; outline: none; border: none; border-radius: 0; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 0px; background: transparent; border: none; text-transform: uppercase; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:focus, .btn:active:focus { outline:0;box-shadow:none; color:#fff; 
background-color: transparent; border:none;}
.btn:hover { color:#fff; background-color: transparent; border:none;}

.btn.btn_line { border-bottom: 2px solid #207782;}
.btn.btn_line:hover, .btn.btn_line:focus, .btn.btn_line:active:focus { background-color: transparent; color: #3b3b3b; border-bottom: 2px solid #3b3b3b;}

.btn.roundBtn { background: #fff; color: #3b3b3b; padding: 13px 25px; border-radius: 50px; text-transform: none;}
.btn.roundBtn:hover, .btn.roundBtn:focus, .btn.roundBtn:active:focus { background: #207782; color: #fff;}


/* own class for css */
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.displayCellBot { display: table-cell; vertical-align: bottom;}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/* search box toggle */
.searchbox{position:absolute; width:300px; max-width: 300px; right:15px; bottom:0; opacity:0; height: 40px; visibility: hidden; transition: all .3s ease-in-out; z-index: 10;border-top:none; background-color: #fff;     border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.searchbox input[type="search"] {width: 300px;float: left;border: none;height: 40px;padding: 0 82px 0 15px;font-size:14px;     border: 1px solid #ccc;     border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.searchbox input[type="search"]:focus{outline:none;}
.searchbox .closesearch {width: 80px;float: none;display: inline-block;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;background-color:#003163;color: #fff;line-height: 30px;border: none;  border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; transition: all .5s;}
.searchbox.open{bottom: -40px;opacity: 1;visibility: visible;}
.searchbox .closesearch:hover {background-color:#f56100;}

/* scroll top */
.scrollTop { position: fixed; width: 45px; bottom: 14px; left: 2%; background-color: rgb(31 117 129); color: #fff; font-size: 15px; line-height: 45px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: none; border-radius: 50px;}
.scrollTop i { position:relative; top:1px;}
.scrollTop:hover, .scrollTop:focus{color:#fff; border:none; background-color: rgb(99, 99, 99); }
.scrollTop.pop{opacity:1; visibility: visible;}

/* traingele toggle */
.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color:transparent #1ac8e0 transparent transparent; position:absolute; right:0; top:0; z-index:3; cursor:pointer; display:none;}
.triangle-box.active {border-color:transparent #eb8e21 transparent transparent;}
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus {margin:9px 0 0 30px;}
.triangle-box .fa-minus {display:none;margin:9px 0 0 30px;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}
.triangle-box.active i { color: #fff;}

/* wrapper */
.wrapper { position: relative;}
.wrapper h1, .wrapper h2 { color: #3b3b3b; margin-bottom: clamp(20px, 5vw, 70px); text-transform: none;}

/* section */
section {padding-bottom: clamp(35px, 11vw, 160px);}
section.top{padding-top: clamp(35px, 11vw, 160px);}
section.pad_top_45 {padding-top: clamp(35px, 2.3vw, 45px);}

/* header */
.mainHd {width:100%; z-index:99; padding:30px 0px; margin:0px; background-color:transparent; position: fixed; left: 0; right: 0; top: 0;  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.mainHd .container-fluid { padding: 0px 110px;}
.headerAdjust { display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.adjust_nav { margin-right: 40px;}
.mainHd.smaller { padding: 10px 0px; background-color: #fff;    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%); }

/* hamburger */
.hamburger { display: inline-block; text-align: left; margin-top: 8px;}
.hamburger .line{ width: 42px; height: 2px; background-color: #6d1710; display: block; margin: 10px 0px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger .line:nth-child(1) { width: 37px; margin-top: 0px;}
.hamburger .line:nth-child(3) { width: 33px; margin-bottom: 0px;}

/* ONE */
#hamburger-1.is-active .line:nth-child(2) { opacity: 0; }
#hamburger-1.is-active .line:nth-child(1) { -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg); width: 42px; }
#hamburger-1.is-active .line:nth-child(3) { -webkit-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); width: 42px; }

/* menu slide */
/* .menuSlide { width:100%; height:100%; position:fixed; z-index:9999999999999; top:0; left:0; background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; transition:1s }
.rightMenu { width:340px; height:100%; position:absolute; background-color:#f58613; left: 0px; z-index:1; transition:all 1s ease; -ms-transform:translate(-1000px, 0px); -webkit-transform:translate(-1000px, 0px); transform:translate(-1000px, 0px); }
.siteMenu { width:100%; position:absolute; left:0; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); }
.siteMenu ul { list-style:none; padding:0 35px; margin:0 }
.siteMenu ul li { margin-bottom:15px; position:relative; }
.siteMenu span { display:block; position:absolute; right:0; top: 0px; color:#f00; width:16px; text-align:center; }
.siteMenu span i { color:#fff; font-size:16px; cursor:pointer; transition:.6s; transform:rotate(90deg) }
.siteMenu ul li.active span i { transform:rotate(270deg); transition:.6s }
.siteMenu ul li a { font-size:16px; line-height:18px; color:#ffffff; }
.siteMenu ul li a:hover, .siteMenu ul li.active a { color:#ffdd00 }
.siteMenu ul li .sub_div { display: none; }
.siteMenu ul ul { padding:15px 20px 0; }
.siteMenu ul ul li { margin-bottom:7px; position:relative; padding-left:16px; }
.siteMenu ul ul li:last-child { margin-bottom: 0; }
.siteMenu ul ul li a { font-size:14px; line-height:15px; color:#fff; }
.siteMenu ul ul li a:hover { color:#ffdd00 }
.siteMenu ul ul li:before { content: "\f101"; position:absolute; left:0; font: normal 12px/1 FontAwesome; display: block; position: absolute; left: 0; top: 8px; color: #fff; }
.closeSlide { position:absolute; top:40px; right:30px; color:#fff; font-size:30px; line-height:34px; font-weight:600; }
.closeSlide:hover { color:#ffdd00 }
.onMenu { visibility:visible; opacity:1; transition:1s }
.slideON { -ms-transform:translate(0px, 0px); -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px)}
.floatinglogo { position: relative; margin: 0px 0px 30px; padding: 0px 30px;} */

/* slide menu */
.sidenav { height:100%; width: 100%; position: fixed; z-index: 101; top: 0; left:-105%; background-color: #ffffff; overflow-x: hidden; transition: 0.5s; padding-top: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sidenav a {padding: 10px 0px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}
.sidenav a:hover{color: #f58613;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: clamp(24px, 2.6vw, 50px);margin-left: 50px; color: #f58613;}
.sidenav.openMenu { width: 40%; left: 0px;}
.sidenav ul { list-style:none; padding:0 35px; margin:0 }
.sidenav ul li { margin-bottom:15px; position:relative; }
.sidenav ul li.active span i { transform:rotate(270deg); transition:.6s }
.sidenav ul li a { font-size: clamp(16px, 2.6vw, 36px); line-height: clamp(16px, 1.9vw, 30px); color:#000000; }
.sidenav ul li a:hover, .sidenav ul li.active a { color:#f58613 }
.floatinglogo { position: relative; margin: 0px 0px 30px; padding: 0px 15px;}
.logo { width: 100%; max-width: 307px;}
.logo a { display: block;}

/* banner-home */
.banner-wrapper {position: relative; width:100%;}
.banner { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: flex-end;}
.banner-img { width:calc(100vw - 50vw + 195px); position:relative; float: right;}
.banner-img img { width:100%; height: 100%; position:relative;}
picture { width:100%; height: 100%; position:relative; }
picture img { width:100% !important; height: 100%; position:relative;}
.middle-banner .container-fluid { padding: 0px 110px;}
.group-inner_banner-txt { padding-right: 50px;}
.middle-banner { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: auto; position: absolute; right: auto; top: calc(50%); transform: translateY(-50%); width: 100%; text-align: left; margin: 0px; z-index: 1;}
.middleTextBan { width: 100%; max-width: 700px; position: relative; margin: 0px; padding:0px; text-align: left;}
.middleTextBan h2 { margin: 0px 0px 70px; color: #f58613; text-transform: none; font-weight: 700; font-size: clamp(28px, 7vw, 171px); line-height: clamp(30px, 7vw, 139px); padding: 0px;}
.middleTextBan p {  font-size: clamp(18px, 1.8vw, 28px); color: #3b3b3b; padding: 0px 0px 30px; text-transform: none; line-height: clamp(18px, 2.2vw, 32px);}
.middleTextBan p:last-child { padding: 0px;}
.middleTextBan .btn { margin-right: 15px; font-size: clamp(16px, 1.24vw, 24px); line-height: clamp(20px, 1.35vw, 26px);}
.middleTextBan .btn:last-child { margin-right: 0px;}

/* fill form */
.fill_form_bx { width: 100%; position: relative; padding-bottom: clamp(35px, 19vw, 260px);}
.fill-form {    margin-bottom: 50px;}
.monkey_rocket { position: absolute; width: calc(41vw); bottom: -50px; left: -20px; margin: auto; z-index: 1;}
.monkey_rocket img { width:100%;}

/* trust_brands_section */
.trust_brands_section { width: 100%; position: relative; background-color: #f58613;}
.trust_brands_section::before { content: ' '; position: absolute; width: 100%; height: 260px; background: url(../images/wave-bg.png) repeat 0 0; left: 0px; top: -260px; background-size:cover; background-size: auto 100%;}
.trust_brands_section h2 {color: #fff;}
.trust_brands_logo { width: 100%; height: 500px; position: relative;}
.trust_brands_logo ul { margin: 0px; padding: 0px; list-style: none; width: 100%; height: 100%;}
.trust_brands_logo ul li { position: absolute; left: 0; top: 0; right: auto; bottom: auto; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.trust_brands_logo ul li:nth-child(1) { left: 0%; top: 7%;width: 166px; height: 166px;}
.trust_brands_logo ul li:nth-child(2) { left: 26%; top: 20%;width: 154px; height: 154px;}
.trust_brands_logo ul li:nth-child(3) { left: 48%; top: 4%;width: 154px; height: 154px;}
.trust_brands_logo ul li:nth-child(4) { left: 72%; top: 15%;width: 107px; height: 107px;}
.trust_brands_logo ul li:nth-child(5) { left: 85%; top: 0%;width: 98px; height: 98px;}
.trust_brands_logo ul li:nth-child(6) { left: 2%; top: 44%;width: 162px; height: 162px;}
.trust_brands_logo ul li:nth-child(7) { left: 28%; top: 54%;width: 129px; height: 129px;}
.trust_brands_logo ul li:nth-child(8) { left: 48%; top: 38%;width: 187px; height: 187px;}
.trust_brands_logo ul li:nth-child(9) { left: 77%; top: 36%;width: 150px; height: 150px;}
.trust_brands_logo ul li:nth-child(10) { left: 77%; top: 68%;width: 125px; height: 125px;}
.trust_brands_logo ul li:nth-child(11) { left: 62%;top: 76%;width: 115px; height: 115px;}
.trust_brands_logo ul li a { display: block;}
.trust_brands_logo ul li:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

/* how_work_section */
.how_work_section { width: 100%; background-color: #f58613; text-align: center;}
.how_work_section h2 { color: #fff;}
.how_work_title { text-align: left; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; align-content: center; margin: 0px 0px 20px;}
.how_work_title h3 { color: #fff; font-weight: 700; margin: 0px; padding: 0px;font-size: 28px;}
.how_work_title span { font-size: clamp(30px, 6vw, 90px); color: #fff; font-weight: 900;     margin-right: 10px; line-height: clamp(24px, 5vw, 60px);}
.how_work_para { text-align: left;}
.how_work_para p { color: #fff;}
.how_circle { width: 240px;margin-left: auto;margin-right: auto; margin-bottom: clamp(25px, 3.2vw, 45px); border-radius: 50%; overflow: hidden;}
.how_circle img { width: 100%; height: 100%;}
.how_work_item {padding-right: 90px;}

/* our_price_section */
.our_price_section { width: 100%; background-color: #f58613; text-align: center; padding-bottom:clamp(35px, 25vw, 350px);}
.our_price_section h2 { color: #fff;}
.all_price_group { width: 100%; box-sizing: border-box; padding: 0px 10px;     margin-bottom: clamp(20px, 3.6vw, 50px);}
.price_box_border { width: 100%; position: relative; border: 2px solid #fff38b; border-radius: 15px;}
.price_heading_title { background-color: #fff38b; border-radius: 10px; padding: 4px 0px; margin: 0px 0px 20px;}
.price_heading_title h3 {color: #278d9d; font-size: clamp(22px, 2.1vw, 30px); line-height: clamp(24px, 2.1vw, 30px); margin: 0px; padding: 0px;}
.price_month_gst { margin: 0px 0px 20px; padding: 0px;}
.price_month_gst h4 { color: #fff38b; font-size: clamp(16px, 1.4vw, 20px); font-weight: 300; padding: 0px; margin: 0px 0px 10px;}
.price_month_gst h6 { color: #fff38b; font-size: 13px; font-weight: 300; padding: 0px; margin: 0px 0px;}
.price_listing_box { width: 100%; box-sizing: border-box; padding: 0px 18px 30px;}
.price_listing_box ul { margin: 0px; padding: 0px; list-style: none;}
.price_listing_box ul li { color: #fff; font-weight: 300; text-align: left; padding: 0px 0px 0px 22px; margin: 0px 0px 8px; position: relative; font-size: clamp(16px, 1.1vw, 18px);}
.price_listing_box ul li::before { content: ' '; position: absolute; width: 12px; height: 12px; background-image: url(../images/circle_yellow.png); background-repeat: no-repeat; background-size: contain; left: 0px; top: 4px;}
.our_price_section .row [class*="col-"]:nth-child(1) .price_box_border::before {content: ' '; position: absolute; width: 78px; height: 98px; right: -15px; bottom: -20px;) no-repeat center; background-size: cover;}
.our_price_section .row [class*="col-"]:nth-child(2) .price_box_border::before {content: ' '; position: absolute; width: 75px; height: 138px; right: -27px; bottom: 30%; ) no-repeat center;}
.our_price_section .row [class*="col-"]:nth-child(3) .price_box_border::before {content: ' '; position: absolute; width: 114px; height: 153px; right: -15px; bottom: 30%;) no-repeat center;}
.our_price_section .row [class*="col-"]:nth-child(4) .price_box_border::before {content: ' '; position: absolute; width: 78px; height: 130px; right: -42px; bottom: 30%; ) no-repeat center;}
.annual_package { width: 100%; background-color: #ffdd00; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; padding: 33px 25px; box-sizing: border-box; border-radius: 25px;}
.three_col { width: 33.33%;}
.annual_package h2 { color: #000100; font-size: clamp(24px, 3.1vw, 43px); margin: 0px; padding: 0px; font-family: 'Inter', sans-serif;}
.annual_package h3 span { font-size: clamp(18px, 4.3vw, 60px); line-height: clamp(20px, 4.3vw, 60px); position: relative; top: -5px;}
.annual_package h4 { font-weight: 400; color: #000100; margin: 0px; padding: 0px; line-height: clamp(20px, 2vw, 29px);}
.annual_package h3 { font-family: 'Inter', sans-serif; font-size: clamp(30px, 5vw, 109px); line-height: clamp(30px, 8vw, 109px); color: #000100; margin: 20px 0px 0px; padding: 0px;}
.annual_package h3 sup {font-size: 18px;line-height: 22px;top: -115px;font-weight: 300;display: block;text-align: right;}
.our_price_section.our_price_edit .annual_package h2 { color: #000100;}


/* our_portfolio_section */
.our_portfolio_section { width: 100%; position: relative; text-align: center;}
.our_portfolio_section::before {    content: ' '; position: absolute; width: 100%; height: 260px; background: url(../images/wht_clouds_before.png) repeat-x; left: 0px; top: -255px; background-size: auto 100%;}
.our_portfolio_section .container-fluid { padding: 0px;}
.group_slide_hidden { width: 100%; overflow: hidden;}
.portfolio_Slide .slick-list { margin: 0px -8px;}
.portfolio_Slide .item_slide { padding: 0px 8px;}
.portfolio_Slide .slick-arrow { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2; width: 69px; height: 69px; border: none; background: #fff; font-size: 0px; margin: auto; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.portfolio_Slide .slick-arrow::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 24px!important; color: #3b3b3b; z-index: 100; display: inline-block; position: absolute; width: 15px; height: 24px; margin: auto; inset: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.portfolio_Slide .slick-prev.slick-arrow { left: 0px; right: initial; left:5%;}
.portfolio_Slide .slick-prev.slick-arrow::before {font: var(--fa-font-solid); content: "\f053";}
.portfolio_Slide .slick-next.slick-arrow { right: 0px; left: initial; right:5%;}
.portfolio_Slide .slick-next.slick-arrow::before {font: var(--fa-font-solid); content: "\f054";}
.portfolio_Slide .slick-arrow:hover::before { color: #f58613;}
.portfolio_frame { width: 100%; border-radius: 10px; overflow: hidden;}
.portfolio_frame img { width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.portfolio_frame a { display: block;width:100%;height:100%;}
.portfolio_frame:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.portfolio_item_bx { position: relative;}
.portfolio_item_bx .each_button_bottom { position: absolute; display: inline-block; bottom: 20px; left: 50%; transform: translateX(-50%); margin: auto; width: calc(100% - 30px); word-break: break-all;}
.group_slide_hidden { margin: 0px 0px 50px;}

/* table */
.why-design-different {width: 100%; text-align: center;}
.why-design-different h5 { margin: 0px 0px 20px;}
.why-table { width: 100%; overflow: auto;}
.comparison-table {width:100%; margin:75px auto;}
.col{float:left; width: calc( 100% / 5); border-radius: 10px;}
.col ul {  margin: 0px; padding: 0px; width: 100%;}
.col ul li { display: block; padding: 0px 0px; margin: 0px; vertical-align: middle;}
.col ul li:first-child .all-item-Table { padding: 0px;}
.col ul li:nth-child(odd) { background-color: #e0eaec;}
.col ul li:nth-child(1) { background-color: transparent;}
.col.one { text-align: right;}
.col.one .first-topic h3 { color: #238594; font-size: 24px; line-height: 26px; font-weight: 600; margin: 0px 0px 8px;}
.all-item-Table.first-topic span { font-size: 14px; line-height: 16px; color: #232323;     display: inline-block;}
.heading-bx { display: block; position: relative; background-color: #565251; font-size: 24px; width: calc(100% - 15px); margin: auto; padding: 10px 0px; border-radius: 5px; color: #fff; text-transform: capitalize; line-height: 28px;}
.all-item-Table { padding: 4px 8px;}
.days-text { font-size: 28px; line-height: 30px; color: #56585e;}
.rate-stars span { color: #56585e; font-size: 24px; margin: 0px;}
.all-item-Table { font-size: 24px; line-height: 28px; color: #04445b; font-weight: 400;}
.cost-txt { font-weight: 700;}
.custom-txt span { font-weight:300;}
.comparison-table .active ul { background-color: #207782;}
.comparison-table .active .all-item-Table { color: #fff;}
.comparison-table .active .heading-bx { background-color: #ffdd00; width: 100%; border-radius:5px 5px 0px 0px; font-size: 30px; line-height: 32px; color: #010101;}
.comparison-table .active ul { border-radius: 10px 10px 0px 0px; overflow: hidden;}
.comparison-table .active ul li:nth-child(odd) { background-color: #2a838e;}
.comparison-table .active .rate-stars span { color: #ffde01;}

.all-item-Table, .heading-bx {height:100%}
.col.four.active{ transform: scale(1.06);transform-origin: center;position: relative;z-index: 2;-webkit-box-shadow: 0 7px 24px 0 rgba(0,0,0,0.44); box-shadow: 0 7px 24px 0 rgba(0,0,0,0.44);  border-radius: 10px; overflow: hidden;}
.all-item-Table.days-text { color: #56585e; font-weight: 400;}

.view-slide-right { width: 100%; text-align: center; display: none;}
.view-slide-right h3 { font-size: 24px; line-height: 26px;}
.view-slide-right h3 i { color: #238594; -webkit-animation: linear infinite;
-webkit-animation-name: run;
-webkit-animation-duration: 2s; position: relative;}

@-webkit-keyframes run {
0% {left: 0;}
50% {left: 10px;}
100% { left: 0;}
}

/* testimonials section */
.testimonial_section { text-align: center;}
.testimonials-bx { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden;}
.video-wrapper a.vid-play{position:relative; text-align:center; display: block;width:100%;height:100%;}
.video-wrapper a.vid-play:before { content: '\f144'; position: absolute; top: 50%; font-family: fontawesome; z-index: 1; font-size: 55px; transform: translate(-50%, -50%); color: #fff; left: 50%; }
.testimonials-user-img a img { width: 100%; height: 100%;}
.testimonials-user-img { position: relative; width: 41.66666667%;}
.testimonials-user-img:after { content:''; position: absolute; inset:0 -1px 0 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 75%, rgba(255,255,255,1) 100%);}
.testimonials-details-left { width: 58.33333333%; box-sizing: border-box; padding: 50px 40px 50px 60px; text-align: left;}
.testimonials-details-left p { padding-bottom: 30px;}
.company_logo_rate { display: inline-block;}
.company_logo_rate ul { display: flex; margin: 0px -20px; padding: 0px; list-style: none; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start;}
.company_logo_rate ul li { margin: 0px; padding: 0px 20px; position: relative;}
.company_logo_rate ul li+li::before { content: ' '; position: absolute; left:-1px; top: 0px; bottom: 0px; width: 2px; height: 27px; background-color: #f58613;}
.rate-test span { color:#2e2e2e;}
.rate-test span.checked { color: #ddc62e;}
.testimonialSlide .slick-dots{ text-align:center; margin:30px 0 0;}
.trust-client .slick-dots{margin:40px 0 0}
.testimonialSlide .slick-dots li, .trust-client .slick-dots li{display:inline-block; margin:0 6px;border:0; line-height:6px}
.testimonialSlide .slick-dots li button, .trust-client .slick-dots li button{ width:19px; height:19px; border:0;
/* 	background-color:#e9ecef;  */
	background-color:#ddc62e;
	text-indent:-9999px; outline:none; border-radius: 50px;}
.testimonialSlide .slick-dots li.slick-active button,  .trust-client .slick-dots li.slick-active button{ background:#e9ecef; border: 5px solid #f58613;}
.client_brand_logo { width: 100%; max-width: 130px;}
.testimonialSlide .slick-arrow { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2; width: 69px; height: 69px; border: none; background: #e3edef; font-size: 0px; margin: auto; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.testimonialSlide .slick-arrow::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 24px!important; color: #3b3b3b; z-index: 100; display: inline-block; position: absolute; width: 15px; height: 24px; margin: auto; inset: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.testimonialSlide .slick-prev.slick-arrow { left: 0px; right: initial; left: -35px;}
.testimonialSlide .slick-prev.slick-arrow::before {font: var(--fa-font-solid); content: "\f053";}
.testimonialSlide .slick-next.slick-arrow { right: 0px; left: initial; right:-35px;}
.testimonialSlide .slick-next.slick-arrow::before {font: var(--fa-font-solid); content: "\f054";}
.testimonialSlide .slick-arrow:hover::before { color: #f58613;}

/*  main-ftr */
.main-ftr {position: relative;}
.footer-top {border-top: 1px solid #d4d4d4;padding: 115px 0 0;}
.ft-logo {max-width: 212px;margin-bottom: 35px;}
.ft-love {margin-bottom: 20px;background-color: #e3edef;border-radius: 30px;padding: 10px 17px;margin-right: 30px;text-align: center;display: inline-block;}
.ft-love h6 {font-size: 14px;color: #3b3b3b;margin: 0;}
.ft-love i {color: #f58613;}
.social-ft ul {list-style: none;}
.social-ft ul li {display: inline-block;margin: 0 10px;text-align: center;}
.social-ft ul li:first-child {margin-left: 0;}
.social-ft ul li:last-child {margin-right: 0;}
.social-ft ul li a {color: #8f8f8f;border: 1px solid #8f8f8f;border-radius: 50%;display: inline-block;width: 32px; height: 32px;line-height: 32px;}
.social-ft ul li a:hover {color: #f58613;border: 1px solid #f58613;}
.copyright {text-align:center;padding:100px 0 10px;}
.copyright p {color: #7c7c7c;font-size: 14px;}
.copyright p a {color: #7c7c7c;}
.copyright p a:hover {color: #f58613;}
.ft-bx {padding-top:3px;}
.ft-bx h4 {color: #f58613;font-size: 18px;margin-bottom: 20px;}
.ft-bx ul {list-style: none;}
.ft-bx ul li {color: #3b3b3b;font-size: 14px;margin-bottom: 18px;}
.ft-bx ul li a {color: #3b3b3b;}
.ft-bx ul li a:hover {color: #f58613;}

/* subscription-area */
.subscription-bx {position: relative; border-radius: 6px;}
.subscription-pic {position: absolute; right: 115px; top: -62px; width: 274px;height: 361px;}
.subscription-cnt {padding: 80px 90px;}
.subscription-cnt h4 {color: #e0e0e0;font-size: 18px;margin-bottom: 40px;font-weight: 400;}
.subscription-btn {color: #fff;font-size: 24px;font-weight: 600;border-bottom: 1px solid #fff;padding-bottom: 10px;text-transform: uppercase;margin-right: 20px;}
.subscription-btn:hover {color: #ffdd00;border-bottom: 1px solid #ffdd00;}
.subscription-btn.arrow {background: url(../images/arrow-subs.png) no-repeat 0 6px;padding-left: 28px;color: #fd0;border-bottom: 1px solid #fd0;}

.subscription-btn.arrow:hover {background-position: 10px 6px;}
.subscription-top {position: relative;margin-bottom: 20px;padding-left: 220px;}
.subscription-top h3 {color: #fff;font-size: 38px;margin-bottom: 0;font-weight: 700;line-height: 42px;}
.subscription-top h3 span {color: #ffdd00;display: block;}
.subscription-count {position: absolute;left: 0;top: -7px;}
.subscription-count strong {color: #fff;font-size: 100px;font-weight: 700;line-height: 100px;}
.subscription-count strong sup {font-size: 60px;}

.vdo-wrp .text-center {padding-top: 40px;}
.portfolio-vdo video {width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}

/* inner-banner-home */
.inner-banner-wrapper {position: relative; width:100%;}
.inner-banner { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: flex-end;}
.inner-banner-img { width:calc(100vw - 53vw); position:relative; float: right;}
.inner-banner-img img { width:100%; height: 100%; position:relative;}
.inner-banner picture { width:100%; height: 100%; position:relative; }
.inner-banner picture img { width:100% !important; height: 100%; position:relative;}
.inner-middle-banner .container-fluid { padding: 0px 110px;}
.inner-middle-banner { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: auto; position: absolute; right: auto; top: calc(50%); transform: translateY(-50%); width: 100%; text-align: left; margin: 0px; z-index: 1;}
.inner-middleTextBan { width: 100%; max-width: 700px; position: relative; margin: 0px; padding:0px; text-align: left;}
.inner-middleTextBan h2 { margin-bottom:clamp(25px, 1.2vw, 28px); color: #f58613; text-transform: none; font-weight: 700; font-size: clamp(28px, 6vw, 90px); line-height: clamp(30px, 6vw, 110px); padding: 0px;}
.inner-middleTextBan h3 {font-size:clamp(22px, 2vw, 30px);}
.inner-middleTextBan p {  font-size: clamp(18px, 1vw, 24px); color: #3b3b3b; padding: 0px 0px 30px; text-transform: none; line-height: clamp(18px, 2.2vw, 30px);}
.inner-middleTextBan p:last-child { padding: 0px;}
.inner-middleTextBan .btn { margin-right: 15px; font-size: clamp(16px, 1.24vw, 24px); line-height: clamp(20px, 1.35vw, 26px);}
.inner-middleTextBan .btn:last-child { margin-right: 0px;}

/* innerPage */
.innerPage { width: 100%;}

/* how it works page */
.innerPage.how_work .how_work_section { background-color: #fff; padding-bottom: clamp(35px, 18.5vw, 260px);}
.innerPage.how_work .how_work_title h3 { color:#3b3b3b;}
.innerPage.how_work .how_work_title span { color: #f58613;}
.innerPage.how_work .how_work_para p { color: inherit;}
.design_everything_section { text-align: center; background-color: #f58613; position: relative; color: #fff;}
.design_everything_section.top { padding-top: clamp(35px, 4.6vw, 90px);     padding-bottom: clamp(35px, 26vw, 385px);}
.design_everything_section::before { content: ' '; position: absolute; width: 100%; height: 225px; background: url(../images/wave-bg.png) repeat 0 0; left: 0px; top: -220px;background-size: auto 100%; }
.design_everything_section h2, .design_everything_section p, .design_everything_section h3 { color: #fff;}
.design_everything_section h2 { margin-bottom: clamp(20px, 3vw, 40px);     position: relative;}
.design_everything_section h2+p { margin-bottom: clamp(20px, 5vw, 70px);}
.design_everything_section .btn.btn_line { color: #fff; border-bottom:2px solid #fff;}
.everything_item { display: flex; text-align: left; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: clamp(20px, 4vw, 90px);}
.everything_icon { width: 87px;}
.everything_icon img { width: 100%;}
.everything_details { width: calc(100% - 87px); padding-left: 30px;}
.design_everything_section h3 {  font-size: clamp(22px, 1.5vw, 30px); line-height: clamp(24px, 1.5vw, 30px);}
.abtSection { position: relative;} 
.abtSection::before { content: ' '; position: absolute; width: 100%; height: 260px; background: url(../images/wht_clouds_before.png) repeat-x; left: 0px; top: -255px; background-size: auto 100%; }
.abt_img { width: 100%; position: absolute; right: 0px; top: calc(50%); transform: translateY(-50%); margin: auto; max-width: 649px;}
.abt_img img { width: 100%;}

/* faq */
.faq-section {padding-top: clamp(35px, 5.2vw, 100px);}
.faq-section h2 { color: #3b3b3b; text-align: center;margin-bottom: 35px; font-size: clamp(26px, 4.1vw, 80px); line-height: clamp(30px, 4.3vw, 84px);}
.faq_box {position: relative;}
.faq_item {position: relative;}
.faq_hd {cursor:pointer; position: relative; overflow:hidden; border-bottom: 1px solid #3c3c3c;}
.faq_hd::before {position: absolute;height: 25px;right: 0; bottom: 0px; top: 0px; margin: auto; z-index: 1; display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;  font: var(--fa-font-solid);content: "\f13a"; color: #828282;font-size: 24px;}
.faq_hd.closed::before { color: #f58613;content: "\f138";}
.faq_hd h3 { font-weight:500; font-size: 22px; line-height: 24px; color: #3c3c3c; position: relative; padding:20px 40px 0px 0px;}
.faq_cont {display:none; padding:20px 0px 0px 17px;}
.faq_cont p { color: #3c3c3c;}
.faq_hd.acc_trigger.closed {border-bottom: 1px solid #f58613;}
.faq_hd.acc_trigger.closed h3 { color: #f58613;}
.trust_brands_section.trust_edit::before {display: none;}
.trust_brands_section.trust_edit {background-color: #fff;padding: 0 0 50px;}
.trust_brands_section.trust_edit h2 {color: #000;}
.our_price_section.our_price_edit {background-color: #fff;padding-bottom: 120px;}
.our_price_edit .all_price_group {background-color: #f58613; padding: 10px;border-radius: 12px;}
.our_portfolio_section.our_portfolio_edit {padding-bottom: 50px;}
.our_portfolio_section.our_portfolio_edit::before {display: none;}
.our_price_section.our_price_edit h2 { color: #f58613;}

/* innerPage affPg */
.innerPage.affPg .monkey_rocket { top: calc(50%); transform: translateY(-50%); bottom: initial;}

/* innerPage contact page */
.innerPage.contactPg .monkey_rocket { width: calc(26vw);
    top: inherit;
    bottom: -50px;}

/* innerPage portfolio_section */
.portfolio_section { width: 100%; padding-top: 30px; padding-bottom: 0px;}
.middlealign { width: 100%;}
.middlealign ul { list-style: none; margin: 0px -15px; padding: 0px; display: flex; flex-wrap: wrap;  align-items: stretch;}
.middlealign ul li { width: calc(100% / 4); margin: 0px; padding: 0px 15px;}
.slider-nav-portfolio { padding: 0px 60px; margin-bottom: clamp(25px, 4.1vw, 80px);}
.slider-nav-portfolio .slick-list { margin: 0px -6px; padding: 0px;}
.slider-nav-portfolio .eachSlide { margin: 0px; padding: 0px 6px;}
.each_portfolio_item { width: 100%; border: 1px solid #e6e6e6; margin: 0px 0px 25px; overflow: hidden; border-radius: 10px;}
.each_portfolio_item a { display: block; width: 100%; height: 100%;}
.each_portfolio_item a img { width: 100%; height: 100%;}
.tabs_btn { display: inline-block; background-color: #e0e0e0; font-size: clamp(16px, 1.5vw, 20px); line-height: clamp(20px, 1.7vw, 24px); color: #3b3b3b; margin: 0px; padding: 10px 20px; border-radius: 25px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;}
.eachSlide.slick-current .tabs_btn { background-color: #f58613; color: #fff;}
.tabs_btn:hover { background-color: #f58613; color: #fff;}
.slider-nav-portfolio .slick-arrow { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2; width: 15px; height: 27px; border: none; background: transparent; font-size: 0px; margin: auto; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.slider-nav-portfolio .slick-arrow::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 24px!important; color: #3b3b3b; z-index: 100; display: inline-block; position: absolute; width: 15px; height: 24px; margin: auto; inset: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.slider-nav-portfolio .slick-prev.slick-arrow { left: 0px; right: initial; left:0px;}
.slider-nav-portfolio .slick-prev.slick-arrow::before {font: var(--fa-font-solid); content: "\f053";}
.slider-nav-portfolio .slick-next.slick-arrow { right: 0px; left: initial; right:0px;}
.slider-nav-portfolio .slick-next.slick-arrow::before {font: var(--fa-font-solid); content: "\f054";}
.slider-nav-portfolio .slick-arrow:hover::before { color: #f58613;}

/* scope of services */
.innerPage.scopeServiceskPg .scope_services_section { padding: 0px 0px 30px;}
.top_search_left { width: 100%; max-width: 890px; background-color: #f58613; box-sizing: border-box; padding: 65px 65px 65px 0px; border-radius: 0px 100px 100px 0px; position: relative; margin-bottom: clamp(30px, 9.8vw, 135px);}
.top_search_left::before {content: ' '; position: absolute; left: -100vw; height: 100%; width: 101vw; background-color: #f58613; top: 0px;}
.top_search_left form { position: relative;}
.top_search_left input[type="text"] { margin: 0px; padding: 19px 66px 19px 23px;}
.top_search_left input[type="submit"] { padding: 0px; font-size: 0px; border: none; width: 23px; height: 23px; position: absolute; right: 20px; background: url(../images/search_icon.png) no-repeat center; top: 0px; bottom: 0px; margin: auto;}
.scope_each_grids { margin-bottom: clamp(25px, 8vw, 110px);}
.scope_each_grids:last-child { margin-bottom: 0px;}
.scope_each_grids h2 { font-size: clamp(26px, 6vw, 80px); line-height: clamp(30px, 6vw, 80px);}
.row_group { margin: 0px -6px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.col_each_item { margin: 0px 0px 12px; padding: 0px 6px; width: calc(100% / 6);}
.scop_item { width: 100%; height: 100%; display: flex; border: 1px solid #248695; flex-direction: column; flex-wrap: nowrap; align-items: center; padding: 20px 5px; text-align: center; border-radius: 6px; justify-content: center;}
.scop_item h5 { margin: 0px; padding: 0px; font-size: clamp(15px, 1.3vw, 18px); }
.all_icon_scope { width: 32px; height: auto; margin: 0px auto 10px;}
.left_panel_scope { width: 100%;}
.title_radius { display: inline-block; background-color: #e7e7e7; padding: 14px 35px; border-radius: 50px; margin: 0px 0px 30px;}
.title_radius h4 { margin: 0px; padding: 0px; font-size: clamp(16px, 1.3vw, 20px); line-height: clamp(20px, 1.3vw, 20px); color: #3b3b3b;}
.title_radius.greenBg { background-color: #f58613;}
.title_radius.greenBg h4 { color: #fff;}
.listing_each_scope { width: 100%; margin: 0px 0px 30px; padding: 0px;}
.listing_each_scope ul { list-style: none; margin: 0px; padding: 0px;}
.listing_each_scope ul li { display: flex; border-bottom: 1px solid #f58613;}
.listing_each_scope ul li:last-child { border-bottom: none;}
.listing_each_scope ul li span { width: 56px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center;     border-right: 1px solid #f58613;}
.listing_each_scope ul li p { width: 100%; padding: 15px 0px 15px 15px;}
.chat_us_link { display: flex;     align-items: center;}
.chat_us_link span { margin-right: 15px;}
.chat_us_link a { color: #3b3b3b; text-decoration:underline; font-size: clamp(16px, 1.3vw, 20px); line-height: clamp(20px, 1.3vw, 20px);}
.chat_us_link a:hover { color: #04445b; }

/* .innerPage.blogPg .blog_section { padding: 0px;} */
.accordion-list { position: relative; display: block; width: 100%; margin: 0px 0px 50px;}
.accordion-list .accordion_each { position: relative; display: block; width: 100%; height: auto;}
.accordion-list .accordion_each.active h5:after { transform: rotate(45deg); }
.accordion-list .accordion_each h5 { font-weight: 400; position: relative; display: block; width: 100%; height: auto; padding: 12px 20px 12px 0px; margin: 0px; font-size: clamp(16px, 1.5vw, 20px); line-height: clamp(20px, 1.7vw, 24px); cursor: pointer; border-bottom: 1px solid #f58613;}
.accordion-list .accordion_each h5:after { position: absolute; right: 0; top: 13px; color: #3b3b3b; transition: all 0.3s ease-in-out; font-size: 18px; display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased; font: var(--fa-font-solid);
content: "\2b";}
.accordion-list .accordion_each .accordion_bx { position: relative; display: block; width: 100%; height: auto;}
.accordion_bx ul { list-style: none; margin: 15px 0px 0px; padding: 0px;}
.accordion_bx ul li { margin: 0px 0px 15px; padding: 0px;  font-size: 16px; line-height: 18px;}
.accordion_bx ul li a { color: #3b3b3b;}
.accordion_bx ul li a:hover { color: #f58613;}
.recent_group { width: 100%; margin: 0px 0px 30px;} 
.recent_blog_each { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin: 0px 0px 20px;}
.recent_blog_img { width: 90px;border-radius: 5px;overflow: hidden;}
.recent_blog_img img { width: 100%; height: 100%;}
.recent_blog_img a { display: block;}
.recent_blog_rig { width: calc(100% - 90px); padding-left: 10px;}
.recent_blog_rig h4 { font-size: clamp(16px, 1.4vw, 22px); line-height: clamp(20px, 1.7vw, 24px); margin: 0px 0px 5px;}
.recent_blog_rig a { color: #3b3b3b;}
.recent_blog_rig a:hover { color: #f58613;}
.recent_user_date ul { margin: 0px; padding: 0px; list-style: none; }
.recent_user_date ul li { font-size: 14px; line-height: normal; vertical-align: middle; display: inline-block;     margin-right: 10px;}
.recent_user_date ul li i { margin-right: 3px;}

.blog_details_group { width: 100%; margin: 0px 0px 50px;}
.blog_details_group h3 { margin-bottom: 45px;}
.blog_details_group h3 a { color: #3b3b3b;}
.blog_details_group h3 a:hover { color: #f58613;}
.blog_frame_img { width: 100%; border-radius: 10px; overflow: hidden; margin: 0px 0px 30px;}
.blog_user_date { margin: 0px 0px 30px;}
.blog_user_date ul { margin: 0px; padding: 0px; list-style: none; }
.blog_user_date ul li { font-size: clamp(16px, 1.3vw, 18px); line-height: normal; vertical-align: middle; display: inline-block;     margin-right: 10px;}
.blog_user_date ul li i { margin-right: 3px;}
.blog_news_bx { width: 100%; margin-bottom: 50px;}
.blog_title_heading { margin: 0px 0px 20px; padding: 0px;}
.blog_title_heading h3 { font-size: clamp(18px, 2.3vw, 36px); line-height: clamp(22px, 2.3vw, 36px); margin: 0px; padding: 0px;}
.blog_title_heading h3 a { color: #3b3b3b;}
.blog_title_heading h3 a:hover { color: #f58613;}
.blog_news_frame { width: 100%; overflow: hidden; border-radius: 10px; margin: 0px 0px 20px;}
.blog_news_frame a { display: block;}
.blog_news_frame a img { width: 100%; height: 100%;}
.blog_news_user_date { margin: 0px 0px 15px;}
.blog_news_user_date ul { margin: 0px; padding: 0px; list-style: none; }
.blog_news_user_date ul li { font-size: clamp(16px, 1.3vw, 18px); line-height: normal; vertical-align: middle; display: inline-block;     margin-right: 10px;}
.blog_news_user_date ul li i { margin-right: 3px;}
.blog_left_panel {padding-right:60px;}
/* .innerPage.blogDetPg .blog_section { padding: 0px;} */

.pginmn .nav-prev-text, .pginmn .nav-next-text {display:none;}
.pginmn .page-numbers {color: #207782;margin: 0 5px 0 0;}
.pginmn .page-numbers.current {color: #000;margin: 0 8px;font-weight: 500;}
.pginmn .prev.page-numbers, .pginmn .next.page-numbers {position:relative;top:5px;}
.affPg {padding:15px 0 60px;}
.affPg p {line-height:34px;}

/* razorpay btn */
.PaymentButton--rzp-dark-standard.svelte-ekc7fv.svelte-ekc7fv {  background: #f58613 !important;  border-color: #ffdd00 !important;  border-radius: 50px !important; border: 2px solid #fff38b !important;}
svg.svelte-ekc7fv.svelte-ekc7fv { margin: 7px 11px !important;}
.PaymentButton--rzpTheme.svelte-ekc7fv svg path.svelte-ekc7fv { fill: #f58613 !important;}
.PaymentButton--rzpTheme.svelte-ekc7fv.svelte-ekc7fv::before { background: #fff38b !important;}
.fill-form .wpcf7-spinner {display:block;margin:0 auto;}
.floatinglogo .mob {display:none;}
.whatsapp-barcode {
    width: 120px;
    margin: 20px 0;
}
.contact-detail h3 {font-size:22px;}
.contact-detail ul {
    list-style: none;
    margin: 0px;
    padding: 0;
}
.contact-detail ul li {
    padding: 0 0 16px; 
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.contact-detail ul li a {
    color: #000; 
    font-size: 18px;
    text-decoration: none;font-weight: 400;
}
.contact-detail ul li:first-child i {margin-left:4px;}
.contact-detail ul li:first-child a {font-size: 20px;
    text-decoration: underline;
    color: #f58613;}
.contact-detail ul li:first-child a:hover {color: #000;}
.contact-detail ul li strong {
    font-weight: 500;
    display: block;
    padding-left: 65px;
    margin-top: 4px;
}
.contactPg h1 {text-align:center;}

.res_box {position: relative;display:none;padding:0 15px;}
.res_item {position: relative;}
.res_hd {cursor:pointer; position: relative; overflow:hidden;}
.res_hd::before {position: absolute;height: 20px;right: 0; bottom: 0px; top: 0px; margin: auto; z-index: 1; display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;  font: var(--fa-font-solid);content: "\f13a"; color: #828282;font-size: 18px;}
.res_hd.closed::before { color: #f58613;content: "\f138";}
.res_hd h3 { font-weight:500; font-size: 20px; line-height: 24px; color: #3c3c3c; position: relative; padding:5px 10px;margin:0;}
.res_cont {display:none; padding:10px 0;}
.res_cont ul {list-style: none;margin:0;}
.res_cont ul li {
    color: #3b3b3b;
    font-size: 14px;
    margin-bottom: 5px;
}
.res_cont ul li a {
    color: #3b3b3b;
}

.as_featured { width: 100%; padding: 50px 0px; background-color: #e0eaec; text-align: center;}
.as_featured h3 { margin: 0px 0px 40px;}
.feature_logo { width: 100%; text-align: center;}
.feature_logo a { display: block;}
.featured_slide .slick-dots{ text-align:center; margin:20px 0 0;}
.featured_slide .slick-dots li {display:inline-block; margin:0 6px;border:0; line-height:6px}
.featured_slide .slick-dots li button { width:19px; height:19px; border:0; background-color:#adadad; text-indent:-9999px; outline:none; border-radius: 50px;}
.featured_slide .slick-dots li.slick-active button { background:#e9ecef; border: 5px solid #f58613;}
.featured_slide .slick-list { margin:0px -15px}
.featured_slide .slide_item { padding:0px 15px}

.wpcf7-not-valid-tip {
   text-align: left;
}

.top-bnd {   
 	
background: #ff0202; 
background: -moz-linear-gradient(left,  #ff0202 0%, #4246ce 25%, #c93ec4 50%, #775700 75%, #91f791 100%); 
background: -webkit-linear-gradient(left,  #ff0202 0%,#4246ce 25%,#c93ec4 50%,#775700 75%,#91f791 100%); 
background: linear-gradient(to right,  #ff0202 0%,#4246ce 25%,#c93ec4 50%,#775700 75%,#91f791 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0202', endColorstr='#91f791',GradientType=1 ); 

    padding: 4px 15px;
    text-align: center;
}
.top-bnd p {  
  padding: 0;
    color: #fff;
}
.str-prbx { margin: 0 25px 25px;}
.str-prbx p { color: #fff38b;  padding: 10px 30px;   font-size: 18px;}
.str-bw-pic {margin: 0 0 25px;}
.annual_package{margin-top:25px;}
.portfolio-vdo iframe {    width: 100%;}
.price_listing_box strong {color: #fff38b;}

.faq-section.faq-hm-pg{padding-bottom:0px;}
.addon_pks{border: 2px solid #fff38b; border-radius: 15px; padding:12px; margin-bottom:25px}
.addon_pks .str-bw-pic{border-radius: 15px;overflow: hidden;}
.fill_form_bx h1{margin-bottom:30px;}
.fill_form_bx{padding-bottom:300px;}
.monkey_rocket { position: absolute;  width: calc(32vw); bottom: -67px;left: -20px;margin: auto; z-index: 1;}

/*	pricing	*/
.price-item-bx { position: relative; width: 100%; border: 1px solid #fff38b; box-sizing: border-box; border-radius: 10px; margin: 0px 0px 25px; }
.price-item-bx.active { transform: scale(1.1); z-index: 1; border:2px solid #00ce7c;}
.price-item-bx h3 { color: #000000; margin: 0px 0px 15px; font-weight: 600;background-color: #fff38b; padding:10px; font-size:24px;border-radius:6px 6px 0 0;}
.price h4 { font-size: 36px; line-height: 36px; color: #fff; font-weight: 500; margin: 0px 0px 15px;}
.price h4 span { font-size: 16px; line-height: 24px; font-weight: 300; display: block; margin: 5px 0 0 0;}
.price-item-bx h6 { font-weight: 300; color: #fff; margin: 0px 0px 20px;}
.list-price { width: 100%; margin: 0px 0px 60px;padding: 0 10px}
.list-price ul { list-style: none; margin: 0px; padding: 0px;}
.list-price ul li { display: block; margin: 0px 0px 8px; padding: 0px; text-align: left; padding-left: 25px; position: relative; color: #fff; font-size:16px;}
.list-price ul li::before { content: ' '; position: absolute; width: 12px; height: 12px; border:2px solid #fff38b;border-radius:50%;  left: 0px;top:6px; }

.tab_container {display: block;}
.tab_content {display: none;}
.tab_drawer_heading { display: none; }

/*.pricing-tabs {overflow: hidden;}*/
.pricing-tabs ul{text-align: center; border: 1px solid #ebebeb; border-radius: 50px; display: inline-block; margin: 0 0 30px 0; background-color: white;}
.pricing-tabs ul li{display: inline-block; vertical-align: top; font-size: 18px; color: #031e13; line-height: 24px; cursor: pointer; padding: 10px 35px; border-radius: 50px; position: relative; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pricing-tabs ul li.active{background-color: #000000;color: #ffffff;}
.pricing-tabs ul li span{position: absolute; top: -30px; font-size: 14px; line-height: 18px; color: #fff38b; display: block; cursor: text; pointer-events: none;}

.price h4 small{ color: #fff38b;}
.active_request-bx{padding-bottom:20px;}
.active_request-bx .active_request{background-color: #e9e7ea; border: 0; font-size: 14px;color: #4c195b;font-weight: 500; border-radius: 50%; width: 40px;height:40px;display:flex; justify-content:center; align-items:center;background-image: url(../images/down-arrow-select.png) ; padding:0 10px; background-position:right 7px center; margin: 0 auto;}
.tab_content.our_price_section{padding-bottom:0;}

.btn.radiusGreenBtn {
    background: #fff;
    color: #3b3b3b;
    padding: 13px 25px;
    border-radius: 50px;
    text-transform: none;

}
.btn.radiusGreenBtn:hover, .btn.radiusGreenBtn:focus, .btn.radiusGreenBtn.focus {
    color: #333;
    text-decoration: none;
    background: #ffdd00;
}
.pri-hold {margin-bottom:15px}
.list-price-sd{margin-bottom:0px}

.row-sd {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.our_price_edit2 {
	padding-bottom: 100px;
    padding-top: 100px;
    margin-bottom: 100px;
}

.rvr.price-item-bx {
/*     border: 1px solid #fff; */
	border: none;
    background: #fff38b;
	-webkit-box-shadow: 0 7px 24px 0 rgba(0,0,0,0.44);
    box-shadow: 0 7px 24px 0 rgba(0,0,0,0.44);
}
.rvr.price-item-bx h3 {
    color: #fff;
    background-color: #03a84e;
	border-radius: 10px 10px 0 0;
}
.rvr .price h4 {
    color: #f58613;
}
.rvr .price h4 small {
    color: #f58613;
}
.rvr .btn.radiusGreenBtn {
    background: #03a84e;
    color: #fff;
}
.rvr .list-price ul li {
    color: #f58613;
}
.rvr .list-price ul li::before {
    border: 2px solid #f58613;
}
.rvr .btn.radiusGreenBtn:hover, .rvr .btn.radiusGreenBtn:focus, .rvr .btn.radiusGreenBtn.focus {
    color: #fff;
    background: #f58613;
}
.fill_form_bx-sd {
    background-color: #f58613;
    padding-bottom: 70px;
    padding-top: 100px;
}
.fill_form_bx-sd h1 {
    margin-bottom: 50px;
    color: #fff;
}
.fill_form_bx-sd .btn.btn_line {
    border-bottom: 2px solid #fff;
    color: #fff;
}
.fill_form_bx-sd .btn.btn_line:hover, .fill_form_bx-sd .btn.btn_line:focus, .fill_form_bx-sd .btn.btn_line:active:focus {
    background-color: transparent;
    color: #ffdd00;
    border-bottom: 2px solid #ffdd00;
}
.fill_form_bx-sd .wpcf7-not-valid-tip {
    color: #ffdd00;
    margin-bottom: 15px;
}
.fill_form_bx-sd .wpcf7 form.invalid .wpcf7-response-output {
    color: #fff;
}
.faq_cont ul {list-style: none;}
.faq_cont ul li {
    padding: 0 0 5px 25px;
    position: relative;
}
.faq_cont ul li::before {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid #f58613;
    border-radius: 50%;
    left: 0px;
    top: 6px;
}

.faq_cont ol {
	padding-left: 12px;
}
.faq_cont ol li {
	padding-bottom: 15px;
}

.paybtn{position: absolute; transform: translateX(-50%); bottom: 20px; left: 50%;}
.paybtn a{margin-bottom:10px;}
.paybtn .radiusGreenBtn.phonpe{background:#fff url(../images/phonepe-icon.png) no-repeat center left 25px; padding-left:55px;}
.paybtn .radiusGreenBtn{background:#fff url(../images/razorpay_ico.png) no-repeat center left 25px; padding-left:55px;}
.paybtn .radiusGreenBtn:hover{background:#ffdd00 url(../images/razorpay_ico.png) no-repeat center left 25px; padding-left:55px;}
.paybtn .radiusGreenBtn.phonpe:hover{background:#ffdd00 url(../images/phonepe-icon.png) no-repeat center left 25px;}
.price-item-bx.price_box_border{padding-bottom:150px}
.rvr .paybtn .radiusGreenBtn.phonpe{background:#03a84e url(../images/phonepe-icon.png) no-repeat center left 25px; color:#fff}
.rvr .paybtn .radiusGreenBtn.phonpe:hover{background:#f58613 url(../images/phonepe-icon.png) no-repeat center left 25px;}
.rvr .btn.radiusGreenBtn{background:#fff url(../images/razorpay_ico.png) no-repeat center left 25px; padding-left:55px; color:#000;}
.rvr .btn.radiusGreenBtn:hover{background:#ffdd00 url(../images/razorpay_ico.png) no-repeat center left 25px; padding-left:55px; color:#000;}

/**	---------------- ==============	 Responsive style start	 ==============	---------------- **/
/***----------------------------------------------------------------------------------------***/

@media (min-width: 1500px){
.container {width: 1410px;}
}
@media (min-width: 1600px) and (max-width: 2200px){
.monkey_rocket {left: -20px;width: calc(26vw);}
}

@media only screen and (max-width:1699px){
.main-ftr::after {width: 150px;height: 219px;background-size: 100%;}
.main-ftr::before {width: 400px;height: 180px;background-size: 100%;bottom: 50px;}
.annual_package h3 {line-height: clamp(30px, 5vw, 108px);}
}

@media only screen and (max-width:1499px){
.trust_brands_logo ul li:nth-child(10) { left: 80%;  top: 68%;}
.all_price_group { padding: 0px;}
.banner-img {width: calc(100vw - 50vw + 15px);}
.middleTextBan h2 {margin: 0px 0px 40px;font-size: clamp(28px, 5vw, 160px);line-height: clamp(30px, 5.5vw, 138px);}
.annual_package h2 {line-height: 32px;}
.annual_package h3 sup { top: -90px;}
.how_work_title span {font-size: clamp(30px, 5.6vw, 80px);}
}

@media only screen and (max-width:1299px){
.mainHd { padding: 15px 0px;}
.our_portfolio_section::before { top: -215px; height: 218px;}
.subscription-pic {right: 20px;}
.price_listing_box {padding: 0px 10px 20px;}
.our_price_section .row [class*="col-"]:nth-child(3) .price_box_border::before {bottom: 42.7%;background-size: cover;width: 94px;height: 126px;}
.our_price_section .row [class*="col-"]:nth-child(4) .price_box_border::before {bottom: 33%;right: -15px;background-size: cover;width: 65px;height: 108px;}
.ft-love {margin-right: 0;}
.trust_brands_logo ul li:nth-child(1) { left: 0%; top: 7%;width: 136px; height: 136px;}
.trust_brands_logo ul li:nth-child(2) { left: 25%; top: 18%;width: 124px; height: 124px;}
.trust_brands_logo ul li:nth-child(3) { left: 43%; top: 0%;width: 124px; height: 124px;}
.trust_brands_logo ul li:nth-child(4) { left: 66%; top: 12%;width: 77px; height: 77px;}
.trust_brands_logo ul li:nth-child(5) { left: 75%; top: 0%;width: 70px; height: 70px;}
.trust_brands_logo ul li:nth-child(6) { left: 0%; top: 36%;width: 130px; height: 130px;}
.trust_brands_logo ul li:nth-child(7) { left: 25%; top: 43.5%;width: 100px; height: 100px;}
.trust_brands_logo ul li:nth-child(8) { left: 48%;top: 27%;width: 150px; height: 150px;}
.trust_brands_logo ul li:nth-child(9) { left: 78%; top: 37%;width: 120px; height: 120px;}
.trust_brands_logo ul li:nth-child(10) {left: 65%;top: 56%;width: 100px; height: 100px;}
.trust_brands_logo ul li:nth-child(11) { left: 42%;top: 56%;width: 95px; height: 95px;}
.trust_brands_section::before {height: 125px;top: -120px;}

.mainHd .container-fluid, .inner-middle-banner .container-fluid { padding: 0px 50px;}

.inner-banner-img { width: calc(100vw - 50vw + 50px);}
.inner-middleTextBan { max-width: 400px;}
.design_everything_section::before { height: 180px; top: -110px;}
.abtSection::before { height: 180px; top: -110px;}
.abt_img { max-width: 410px;}
.everything_icon { width: 60px;}
.everything_details { width: calc(100% - 60px);}
.annual_package h3 {font-size: 54px;line-height: 58px;top: 5px;position: relative;}
.how_work_item {padding-right: 30px;}
.how_circle {width: 200px;}

.inner-banner-img { width: calc(100vw - 50vw + 50px);}
.inner-middleTextBan { max-width: 400px;}
.design_everything_section::before { height: 110px; top: -110px;}
.abtSection::before { height: 110px; top: -110px;}
.abt_img { max-width: 410px;}
.everything_icon { width: 60px;}
.everything_details { width: calc(100% - 60px);}

.accordion-list { margin: 0px 0px 35px;}

.annual_package h3 sup { top: -80px;}
.blog_left_panel {padding-right:50px;}

.middleTextBan h2 { margin: 0px 0px 20px;}
.middleTextBan p { padding: 0px 0px 15px;}

.design_everything_section.top { padding-bottom: clamp(35px, 18vw, 385px);}
.trust_brands_section.top { padding-bottom: 20px;}
.how_work_title h3 {font-size: 26px;}
.our_price_section .row [class*="col-"]:nth-child(1) .price_box_border::before {bottom:70px;}
.col_each_item {width: calc(100% / 5);}
.scop_item {padding: 20px 8px;}	
.fill_form_bx {padding-bottom: 150px;}	
.fill_form_bx-sd {
    padding-bottom: 70px;
}
}
/*******		end 1299		*******/

@media only screen and (max-width: 991px) {
.banner-img { width: 100%;float: none;}
.annual_package h3 sup {font-size: 12px;line-height: 16px; top: -75px;}
.rate-stars span { font-size: 18px; margin: 0px 0px;}
.all-item-Table { font-size: 18px; line-height: 22px;}
.col.one .first-topic h3 { font-size: 18px; line-height: 22px;}
.heading-bx { font-size: 16px; line-height: 20px; padding: 5px 0px;}
.comparison-table .active .heading-bx { font-size: 26px; line-height: 28px;}
.all-item-Table.first-topic span { font-size: 12px;line-height: 14px;}
.footer-top {padding: 70px 0 0;}
.main-ftr::after {display: none;}
.copyright {top: 0;}
.ft-bx {margin-bottom: 30px;}
.ft-bx ul li {margin-bottom: 10px;}
.ft-logo {margin: 0 auto 20px;}
.ft-love {margin: 0 auto 20px; max-width: 250px;display: block;}
.social-ft {text-align: center;padding-bottom: 25px;}
.subscription-pic {right: 10px;top: -30px;width: 180px; height: 237px;}
.subscription-cnt {padding: 35px;}
.subscription-cnt h4 {font-size: 16px;margin-bottom: 25px;}
.subscription-count strong {font-size: 85px;}
.subscription-top {padding-left: 180px;}
.subscription-top h3 {font-size: 36px; line-height: 40px;}
.mainHd .container-fluid {padding: 0 15px;}
.hamburger .line {background-color: #f9b277; box-shadow: 0 0 3px #5c5c5c;}
.smaller .hamburger .line {background-color: #000; box-shadow: none;}
.logo {display:none;}
.mainHd.smaller .logo {display:block;margin:0;max-width: 180px;position:absolute;right:15px;}
.banner {display: block;flex-direction: inherit; justify-content: inherit;}
.middle-banner {-ms-transform: inherit;  -webkit-transform: inherit; position: static; transform: inherit; text-align: left;padding: 30px 0;}
.middle-banner .container-fluid {padding: 0px 15px;}
.middleTextBan {max-width: 100%; text-align: center;}
.middleTextBan h2 {margin: 0px 0px 20px;color: #fff;}
.middleTextBan h2 br {display: none;}
.middleTextBan p {padding-bottom: 15px;color: #fff;}
section.top {padding-top: 40px;}
.monkey_rocket {display: none;}
.wrapper h1, .wrapper h2 {margin-bottom: clamp(15px, 4vw, 70px);}
.fill-form {text-align: left;}
.trust_brands_section::before {height: 80px;top: -80px;}
.monkey_face {text-align: center;}
.our_price_section .row [class*="col-"]:nth-child(2) .price_box_border::before {width: 60px;height: 110px; right: 0;background-size: 100%;}
.testimonialSlide .slick-next.slick-arrow {right: -15px;}
.testimonialSlide .slick-arrow {width: 45px;height: 45px;}
.testimonialSlide .slick-prev.slick-arrow {left: -15px;}
.portfolio_Slide .slick-arrow {width: 45px;height: 45px;}
.banner-wrapper {background-color: #f58613;}
.middleTextBan .btn {padding: 10px 0;color: #fff; border-bottom: 2px solid #fff;}

.inner-banner-wrapper { background-color: #f58613;}
.inner-banner { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; }
.inner-banner-img { width: calc(100vw);}
.inner-middle-banner {-ms-transform: inherit;  -webkit-transform: inherit; position: static; transform: inherit; text-align: left;padding: 30px 0;}
.inner-middle-banner .container-fluid {padding: 0px 15px;}
.inner-middleTextBan {max-width: 100%; text-align: center;}
.inner-middleTextBan h2 {margin: 0px 0px 20px;color: #fff;}
.inner-middleTextBan h2 br {display: none;}
.inner-middleTextBan p {padding-bottom: 15px;color: #fff;}
.inner-middleTextBan h3 { color: #fff;}
.inner-middleTextBan .btn { padding: 10px 0; color: #fff; border-bottom: 2px solid #fff; }

.innerPage.how_work .how_work_section { padding-top: clamp(35px, 4.6vw, 90px);}
.design_everything_section::before{ height: 150px; top: -80px;}
.abtSection::before { height: 150px; top: -110px;}
.abtSection { text-align: center;}
.abt_img { max-width: 100%;width: 100%;position: relative;top: calc(0%);transform: translateY(0%);     margin-top: 30px;}

.middlealign ul li { width: calc(100% / 3);}
.how_circle {width: 180px;}
.how_work_item {padding-right: 0;}

.inner-banner-wrapper { background-color: #f58613;}
.inner-banner { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; }
.inner-banner-img { width: calc(100vw);}
.inner-middle-banner {-ms-transform: inherit;  -webkit-transform: inherit; position: static; transform: inherit; text-align: left;padding: 30px 0;}
.inner-middle-banner .container-fluid {padding: 0px 15px;}
.inner-middleTextBan {max-width: 100%; text-align: center;}
.inner-middleTextBan h2 {margin: 0px 0px 20px;color: #fff;}
.inner-middleTextBan h2 br {display: none;}
.inner-middleTextBan p {padding-bottom: 15px;color: #fff;}
.inner-middleTextBan h3 { color: #fff;}
.inner-middleTextBan .btn { padding: 10px 0; color: #fff; border-bottom: 2px solid #fff; }

.innerPage.how_work .how_work_section { padding-top: clamp(35px, 4.6vw, 90px);}
.design_everything_section::before{ height: 80px; top: -80px;}
.abtSection::before { height: 80px; top: -80px;}
.abtSection { text-align: center;}
.abt_img { max-width: 100%;width: 100%;position: relative;top: calc(0%);transform: translateY(0%);     margin-top: 30px;}
.middlealign ul li { width: calc(100% / 3);}
.top_search_left { padding: 20px; margin-left: auto; margin-right: auto; max-width: 600px;}
.chat_us_link { margin-bottom: 60px;}

.recent_blog_img { width: 70px;}
.recent_blog_rig { width: calc(100% - 70px);}
.blog_details_group h3 { margin-bottom: 25px;}
.blog_frame_img { margin: 0px 0px 20px;}
.blog_user_date { margin: 0px 0px 15px;}

.annual_package h2 { margin: 0px;}
.our_portfolio_section::before { top: -138px;height: 140px;}

.trust_brands_section h2 { text-align: center;}

.blog_left_panel {padding-right:0;}
.fill_form_bx { padding-top: 60px;     padding-bottom: 60px;}

.design_everything_section.top { padding-bottom: clamp(35px, 20vw, 385px);}
.how_work_title h3 {font-size: 24px;}
.affPg {padding:40px 0;}
.main-ftr::before {  width: 350px;    height: 160px;     bottom: 100px;}
.floatinglogo .mob {display:block;}	
.floatinglogo .desk	{display:none;}
	
.feature_logo { margin: 0px 0px 0px;}	

.faq-section.faq-hm-pg { padding-bottom: 20px;}	
.btn.btn_line { float: right;}	
.our_price_edit2 {
    padding-bottom: 50px;
    padding-top: 50px;
    margin-bottom: 50px;
}
.fill_form_bx-sd {
    padding-bottom: 30px;
}
	
}
/*******		end 991		*******/

@media only screen and (max-width: 767px) {
.sidenav.openMenu {width: 60%;}	
.why-design-different {margin: 0px;}
.view-slide-right { display: block;}
.view-slide-right h3 {font-size: 14px;line-height: 20px;letter-spacing: 2px;margin-bottom: 10px;}
.rate-stars span { font-size: 16px; margin: 0px 0px;}
.all-item-Table { font-size: 16px; line-height: 18px;}
.col.one .first-topic h3 { font-size: 16px; line-height: 18px;}
.heading-bx { font-size: 16px; line-height: 18px; padding: 15px 0px;}
.why-design-different h2 span {max-width: 210px;width: 100%;display: inline-block;}
.comparison-table {width: 750px;   margin: 20px auto;}
.why-table { margin: 0px 0px 10px;}
.main-ftr::before {display: none;}
.footer-top {text-align: center;padding: 25px 0 0;}
.copyright {text-align: center;}
.main-ftr {padding-bottom: 10px;}
.portfolio-vdo {margin-bottom: 25px;}
.date-bx {text-align: center;}
.subscription-area {text-align: center;}
.subscription-pic {position: static;float: right;margin: 0 30px 0 0;}
.subscription-cnt {text-align: center;padding: 15px 15px 30px;}
.subscription-count strong {font-size: 58px;line-height: 66px;}
.subscription-count strong sup {font-size: 38px;}
.subscription-count {position: static;}
.subscription-top {padding-left: 0;margin-bottom: 15px;}
.subscription-top h3 {font-size: 28px; line-height: 32px;margin-bottom: 10px;}
.subscription-cnt h4 {font-size: 15px; margin-bottom: 15px;}
.subscription-btn {font-size: 16px;padding-bottom: 8px; margin: 0 10px 8px; display:inline-block;}
.subscription-btn.arrow {background-position: 0 0; padding-left: 22px;margin: 0 10px 8px; display:inline-block;}
.subscription-bx::after, .subscription-bx::before {content: '';display: block;clear: both;}
.subscription-bx {background-position: -500px 0 !important;}
.trust_brands_section::before {display: none;}
section.top {padding-top:30px;}
.trust_brands_section {text-align: center;}
.trust_brands_logo {height: auto;text-align: center;}
.trust_brands_logo ul li {position: static;width: 130px !important; height: 130px !important; display: inline-block; vertical-align: top; margin: 0 15px 25px;}
.trust_brands_logo ul li a {display: block;}
.trust_brands_logo ul li a img {width: 100%;height: 100%;}
.trust_brands_section.top {padding-top: 40px;}
.how_work_item {text-align: center;padding-bottom: 15px;}
.how_work_para {text-align: center;}
.how_work_title {text-align: center; flex-direction: inherit;display: block; align-items: center; justify-content: inherit; align-content: inherit; margin: 0px 0px 10px;}
.siteMenu ul {padding: 0 15px;}
.rightMenu {width: 280px;}
.form-control, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="password"], input[type="number"], input[type="date"], input[type="time"], select {padding: 15px 20px;}
.our_price_section .row [class*="col-"]:nth-child(1) .price_box_border::before,
.our_price_section .row [class*="col-"]:nth-child(2) .price_box_border::before, 
.our_price_section .row [class*="col-"]:nth-child(3) .price_box_border::before,
.our_price_section .row [class*="col-"]:nth-child(4) .price_box_border::before {display: none;}
.our_portfolio_section::before {display: none;}
.our_price_section {padding-bottom: 40px;}
.annual_package {display: block;flex-direction: inherit; flex-wrap: inherit; justify-content: inherit; padding: 15px;}
.three_col {width: 100%;}
.wrapper .annual_package h2 {margin-bottom: 6px;}
.annual_package h3 sup { font-size: 12px; top: 0; left: 0px; right: 0px; margin: auto; display: inline-block;}
.annual_package h4 {margin-bottom: 10px;}
.our_portfolio_section {padding-top: 40px;}
.group_slide_hidden {margin: 0px 0px 25px;}
.vdo-wrp .text-center {padding-top: 15px;}
.testimonials-bx { display: block; flex-direction: inherit; flex-wrap: inherit; justify-content: inherit; align-items: inherit; overflow: inherit;}
.testimonials-user-img {width: 100%;}
.testimonials-details-left {width: 100%;padding: 15px;text-align: center;}
.testimonials-user-img:after {display: none;}
.testimonials-details-left p {padding-bottom: 15px;}
.company_logo_rate ul {display: block;}
.company_logo_rate ul li+li::before {display: none;}
.client_brand_logo {margin-bottom: 5px;}

.sidenav a { padding: 6px 0px;}
.faq_cont p {line-height: 22px;}

.design_everything_section::before { display: none;}
.innerPage.how_work .row [class*="col-"]:last-child .how_work_item { margin: 0px; padding: 0px;}
.everything_item { display: flex; text-align: left; flex-direction: column; flex-wrap: wrap; justify-content: flex-start;align-items: center; align-content: center;}
.everything_icon { margin: 0px auto 20px;}
.everything_details { width: calc(100%);padding: 0px; text-align: center;}
.abtSection::before { display: none;}
.abt_img { margin-top: 15px;}
.design_everything_section.top { padding-bottom: clamp(35px, 10vw, 350px);}

.faq_cont {padding: 18px 0px 0px 0;}
.trust_brands_section.trust_edit {padding: 0 0 0;}
.our_price_section.our_price_edit {padding-bottom: 60px;     padding-top: 30px;}
.our_portfolio_section.our_portfolio_edit {padding-bottom: 0;}
.faq-section.faq-pg {padding-top: 30px;}
.faq_hd h3 { font-size: 20px; line-height: 22px;}
.abtSection { padding-bottom: 0px;}
.middlealign ul li { width: calc(100% / 2);}
.annual_package h3 {top: 0;     margin: 0px;}
.how_circle {width: 74%;}

.sidenav ul li { margin-bottom: 6px;}
.top_search_left { padding: 10px;  margin-top:0px; max-width: 600px;}
.top_search_left input[type="text"] { padding: 15px 55px 15px 23px;}
.title_radius { margin: 0px 0px 20px;}
.listing_each_scope ul li p { padding: 10px 0px 10px 10px;}
.col_each_item { width: calc(100% / 4);}
.chat_us_link {margin-bottom: 30px;}
.innerPage.scopeServiceskPg .scope_services_section { padding: 0px 0px 0px;}
.blog_details_group h3 { margin-bottom: 20px;}
.blog_details_group { margin: 0px 0px 30px;}
.blog_news_frame { margin: 0px 0px 15px;}

.our_portfolio_section.our_portfolio_edit { padding-top: 15px;}

.fill_form_bx { padding-top: 30px; text-align: center; padding-bottom:30px;}
.fill-form { margin: 0px; text-align: center;}
.fill-form { text-align: center;}
.testimonial_section, .blog_section { padding-top: 30px;}

.trust_brands_section.top {
  padding-bottom: 30px;
}
.affPg {padding:30px 0 10px;}
.affPg p {line-height:26px;padding-bottom:15px;}
.copyright {padding:10px 0;}	
.res_box {display:block;}	
.ftres-n {display:none;}
	
.as_featured { padding: 30px 0px;}
.as_featured h3 { margin: 0px 0px 20px;}
.str-prbx {	margin: 0 0px 25px;}
.str-bw-pic {   margin: 20px 0 ;}
.btn.btn_line { float: left;}
.addon_pks .str-bw-pic {margin:0;}	

.pricing-tabs {	display: none; }
.tab_drawer_heading {background-color: #ccc; color: #fff;		border-top: 1px solid #333;margin: 0 0 20px;padding: 15px 20px; display: block;cursor: pointer;-webkit-touch-callout: none;
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.d_active { background-color: #ffdd00;   color: #f58613;    border: none; margin: 0 0 30px 0; font-size: 20px; padding: 10px 15px; border-radius: 50px; }
.d_active span{ display: block; font-size: 14px; line-height: 18px;}
.simple-pricing .row [class*="col-"] {float: none; width: auto; }
.list-price ul li{ margin: 0px 0px 8px;}
.wrapper .simple-pricing h5 { font-weight: 300;  margin: 0 0px 5px; }	
.price h4 { font-size: 30px;line-height: 30px;}	
.our_price_edit2 {
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 0;
}
.list-price-sd {
  margin-bottom: 0px; 
	
}
/*******	 end 767		*******/

@media only screen and (max-width: 639px) {
.subscription-pic {margin: 0 10px 0 0;}
.subscription-bx {background-position: -650px 0 !important;}
.trust_brands_logo ul li {width: 120px !important;height: 120px !important; margin: 0 10px 15px;}
.middlealign ul li { width: calc(100% / 1);}
.middlealign ul li:last-child .each_portfolio_item { margin: 0px;}
.annual_package h3 {top: 0;}

.col_each_item { width: calc(100% / 2);}
.tab_drawer_heading {margin: 0 0 25px;	}


}
/*******	 end 639		*******/